跨域访问：jquery ajax jsonp的实现方法(jsp和action方式)

[javascript]

1. <mce:script language="javascript"><!--
2. $(function(){
3. $.ajax({
4. type: "get",
5. url: "www.sssss.com/ddd.do",
6. data: {
7. area : "ddd",
8. areaid : "2",
9. categorySz : ["",
10. "",
11. "",
12. "",
13. "",
14. "208",
15. "",
16. "",
17. "205",
18. "205",
19. "206"
20. ,"207,250,251,252,253"
21. ,"207,254"
22. ,"207,255"
23. ,"207,256"
24. ,"207,257"
25. ,"207,258"
26. ,"207,259"],
27. typeSz : ["520,1201,201",
28. "520,1201,202",
29. "520,1202",
30. "520,1203",
31. "520,1204",
32. "",
33. "521,1201,201",
34. "521,1201,202",
35. "1201,202",
36. "1202"
37. , ""
38. , ""
39. , ""
40. , ""
41. , ""
42. , ""
43. , ""
44. , ""],
45. categoryOrSz : ["",
46. "",
47. "",
48. "",
49. "",
50. "",
51. "",
52. "",
53. "",
54. ""
55. , ""
56. , "250,251,252,253"
57. , ""
58. , ""
59. , ""
60. , ""
61. , ""
62. , ""]},
63. dataType : "jsonp",
64. jsonp: "callback",
65. async: false,
66. cache: false,
67. success: function(data){
68. if (data != null && data != "") {
69. }
70. }
71. });
72. });
73. // --></mce:script>

服务器端:

代码很简单，就是输出一个字符串
比如正常输出json应该是：[{"id":"1","name":"测试1"},{"id":"2","name":"测试2"}]
jsonp 则输出: jsonpcallback([{"id":"1","name":"测试1"},{"id":"2","name":"测试2"}]) 其中“jsonpcallback”是客户端传过来的

[java] view plaincopy

1. /**
2. *
3. * @param form
4. * @param request
5. * @param response
6. * @return
7. * @throws Exception
8. */
9. public String ajaxGetMybusAllDataJsonp(ActionForm form,
10. HttpServletRequest request, HttpServletResponse response)
11. throws Exception {
12. String callback = request.getParameter("callback");
13. JSONObject res = new JSONObject();
14. /*
15. * 处理方法
16. *
17. */
18. res.put("d", "dddd");
19. // 可以避免前台显示出现乱码
20. response.setContentType("text/html");
21. response.setCharacterEncoding("utf-8");
22. PrintWriter out = response.getWriter();
23. out.print(callback + "(" + res.toString() + ")");
24. out.flush();
25. out.close();
26. return null;
27. }