jsonp获取服务器数据的方式

1. jsonp获取服务器的数据，有两种
2. 一，跨域
3. 二，不跨域
4. 如果跨域
5. js的写法有两种
6. 1，
7. <scripttype="text/javascript">
9. $(function(){
10. $.getJSON('http://localhost:8090/search?jsoncallback=?',
11. function(json){
12. alert(json);
13. varhtml="";
14. for(varkeyinjson.data){
15. html=html+"<imgsrc='http://localhost:8090/img/99999/o/"+json.data[key].filename+"'><br>";
16. html=html+"名称:"+json.data[key].filename+"<br>";
17. html=html+"category:"+json.data[key].category+"<br>";
18. html=html+"height:"+json.data[key].height+"<br>";
19. html=html+"width:"+json.data[key].width+"<br>";
20. html=html+"length:"+json.data[key].length+"<br>";
21. html=html+"<hr>";
22. }
24. $('#imageList').html(html);
25. }
26. );
27. });
28. </script>
29. get的ur后面有jsoncallback=?
30. 这时候，要在服务器端增加如下代码
31. hr.getParameter("jsoncallback")+"({jsonp数据的格式})"
32. 例子
33. 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"}]});
34. 注意，是如下格式jQuery1510062266528242707175_1324369820794({xxxx}),要加个()的哦。
35. 2，get的ur后面有jsoncallback=?的写法可以改为get的ur后面有jsoncallback=getdata
36. 同时function(json)前要加上getdata=
37. 具体如下
38. <scripttype="text/javascript">
39. $(function(){
40. $.getJSON('http://localhost:8090/search?jsoncallback=getdata',
41. getdata=function(json){
42. alert(json);
43. varhtml="";
44. for(varkeyinjson.data){
45. html=html+"<imgsrc='http://localhost:8090/img/99999/o/"+json.data[key].filename+"'><br>";
46. html=html+"名称:"+json.data[key].filename+"<br>";
47. html=html+"category:"+json.data[key].category+"<br>";
48. html=html+"height:"+json.data[key].height+"<br>";
49. html=html+"width:"+json.data[key].width+"<br>";
50. html=html+"length:"+json.data[key].length+"<br>";
51. html=html+"<hr>";
52. $('#imageList').html(html);
53. );
54. });
55. </script>
56. 这个时候，服务器端就不需要加上hr.getParameter("jsoncallback")了，直接返回json格式就行了。
57. 具体参见
58. http://www.cnblogs.com/5201314/archive/2009/06/23/1509552.html
59. http://51mst.iteye.com/blog/1170798
60. 二，如果是不跨域的，
61. 不需要加上jsoncallback，直接如下就行了，同时服务器返回的格式，就是纯jsonp的格式。
62. $.getJSON('http://localhost:8090/search',85); line-height:18px"> alert(1);
63. 服务器返回代码
64. {"data":[{"category":"all","aliases":"null"}]}