jsonp获取服务器数据的方式

前端之家收集整理的这篇文章主要介绍了jsonp获取服务器数据的方式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. jsonp获取服务器的数据,有两种
  2. 一,跨域
  3. 二,不跨域
  4. 如果跨域
  5. js的写法有两种
  6. 1,
  7. <scripttype="text/javascript">
  8. $(function(){
  9. $.getJSON('http://localhost:8090/search?jsoncallback=?',
  10. function(json){
  11. alert(json);
  12. varhtml="";
  13. for(varkeyinjson.data){
  14. html=html+"<imgsrc='http://localhost:8090/img/99999/o/"+json.data[key].filename+"'><br>";
  15. html=html+"名称:"+json.data[key].filename+"<br>";
  16. html=html+"category:"+json.data[key].category+"<br>";
  17. html=html+"height:"+json.data[key].height+"<br>";
  18. html=html+"width:"+json.data[key].width+"<br>";
  19. html=html+"length:"+json.data[key].length+"<br>";
  20. html=html+"<hr>";
  21. }
  22. $('#imageList').html(html);
  23. }
  24. );
  25. });
  26. </script>
  27. get的ur后面有jsoncallback=?
  28. 这时候,要在服务器端增加如下代码
  29. hr.getParameter("jsoncallback")+"({jsonp数据的格式})"
  30. 例子
  31. jQuery1510062266528242707175_1324369820794({"data":[{"category":"all","height":"194","_id":"4ebce7b5523e7e91029f910a","keyword":"","width":"259","chunkSize":"262144","length":"9082","md5":"534a94756fc98a6db0483ee702297a82","filename":"img001_images_029.jpeg","contentType":"null","uploadDate":"FriNov1118:15:33JST2011","aliases":"null"},{"category":"all","_id":"4ebce7b5523e7e91029f9108","length":"10987","md5":"7b85b894132f78b2b90cd3fef27317a6","filename":"img001_images_028.jpeg","aliases":"null"}]});
  32. 注意,是如下格式jQuery1510062266528242707175_1324369820794({xxxx}),要加个()的哦。
  33. 2,get的ur后面有jsoncallback=?的写法可以改为get的ur后面有jsoncallback=getdata
  34. 同时function(json)前要加上getdata=
  35. 具体如下
  36. <scripttype="text/javascript">
  37. $(function(){
  38. $.getJSON('http://localhost:8090/search?jsoncallback=getdata',
  39. getdata=function(json){
  40. alert(json);
  41. varhtml="";
  42. for(varkeyinjson.data){
  43. html=html+"<imgsrc='http://localhost:8090/img/99999/o/"+json.data[key].filename+"'><br>";
  44. html=html+"名称:"+json.data[key].filename+"<br>";
  45. html=html+"category:"+json.data[key].category+"<br>";
  46. html=html+"height:"+json.data[key].height+"<br>";
  47. html=html+"width:"+json.data[key].width+"<br>";
  48. html=html+"length:"+json.data[key].length+"<br>";
  49. html=html+"<hr>";
  50. $('#imageList').html(html);
  51. );
  52. });
  53. </script>
  54. 这个时候,服务器端就不需要加上hr.getParameter("jsoncallback")了,直接返回json格式就行了。
  55. 具体参见
  56. http://www.cnblogs.com/5201314/archive/2009/06/23/1509552.html
  57. http://51mst.iteye.com/blog/1170798
  58. 二,如果是不跨域的,
  59. 不需要加上jsoncallback,直接如下就行了,同时服务器返回的格式,就是纯jsonp的格式。
  60. $.getJSON('http://localhost:8090/search',85); line-height:18px"> alert(1);
  61. 服务器返回代码
  62. {"data":[{"category":"all","aliases":"null"}]}
原文链接:https://www.f2er.com/json/290438.html

猜你在找的Json相关文章