首页 > 代码库 > ajax跨域请求--jsonp实例
ajax跨域请求--jsonp实例
ajax请求代码:
//区域事件选择配送点 function changeDistrict(value){ if(value =http://www.mamicode.com/= 0){>要点:
1.url中的请求参数callbackFunction=jsonpCallback这是服务器响应返回后调用的javascript方法的名称
2.dataType要为jsonp
跨域服务器处理代码:
@RequestMapping("/pagelist/jsonp") public void pagelist(@ModelAttribute TransportNode node,HttpServletRequest httpReq, HttpSession session,HttpServletResponse response) { //返回头部设置 response.setHeader("Pragma", "No-cache"); response.setHeader("Cache-Control", "no-cache"); response.setHeader("Content-type", "application/x-javascript;charset=utf-8"); response.setDateHeader("Expires", 0); String jsonpCallback = httpReq.getParameter("callbackFunction");//jsonp回调函数名 JSONObject resultJson = new JSONObject(); PrintWriter out = null; try { out = response.getWriter(); } catch (IOException e1) { e1.printStackTrace(); } try { node.setRowStart((node.getPage() - 1) * node.getRows() + 1); node.setRowEnd(node.getPage() * node.getRows()); resultJson.put("transportList", JsonUtils.toJSONList(business.getList(node))); resultJson.put("success", true); System.out.println(resultJson.toString()); out.println(jsonpCallback+"("+resultJson.toString()+")");//返回jsonp格式数据 out.flush(); out.close(); } catch (Exception e) { LogWriter.log("/pagelist/jsonp",e); try { resultJson.put("success", false); } catch (JSONException e1) { e1.printStackTrace(); } out.println(jsonpCallback+"("+resultJson.toString()+")");//返回jsonp格式数据 out.flush(); out.close(); }注意要点:
1.设置响应报文头,response.setHeader("Content-type", "application/x-javascript;charset=utf-8");,消除了"Resource interpreted as Script but transferred with MIME type text/plain",同时要根据自己的编码格式设置正确的编码;
2.jsonp的数据格式是:jsonpCallback+"("+resultJson.toString()+")"
举个例子:
jsonpCallback({
"code": "aaa",
"price": 1780,
"tickets": 5
});
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。