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

最新推荐文章于 2023-05-15 17:34:42 发布

原创最新推荐文章于 2023-05-15 17:34:42 发布 · 7.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jsonp #jquery #action #ajax #jsp #callback

本文介绍了一个使用JSONP实现跨域请求的例子，包括客户端的JavaScript代码与服务器端的数据响应处理过程。客户端通过发送GET请求获取服务器上的数据，并通过指定回调函数处理返回的JSONP格式数据。

客户端:

<mce:script language="javascript"></mce:script>

服务器端:

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

/** * * @param form * @param request * @param response * @return * @throws Exception */ public String ajaxGetMybusAllDataJsonp(ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception { String callback = request.getParameter("callback"); JSONObject res = new JSONObject(); /* * 处理方法 * */ res.put("d", "dddd"); // 可以避免前台显示出现乱码 response.setContentType("text/html"); response.setCharacterEncoding("utf-8"); PrintWriter out = response.getWriter(); out.print(callback + "(" + res.toString() + ")"); out.flush(); out.close(); return null; }