浅谈JQuery+ajax+jsonp 跨域访问
Jsonp(JSONwithPadding)是资料格式json的一种“使用模式”,可以让网页从别的网域获取资料。
一.客户端
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"> <title>Inserttitlehere</title> <scripttype="text/javascript"src="resource/js/jquery-1.7.2.js"></script> </head> <scripttype="text/javascript"> $(function(){ /* //简写形式,效果相同 $.getJSON("http://app.example.com/base/json.do?sid=1494&busiId=101&jsonpCallback=?", function(data){ $("#showcontent").text("Result:"+data.result) }); */ $.ajax({ type:"get", async:false, url:"http://app.example.com/base/json.do?sid=1494&busiId=101", dataType:"jsonp",//数据类型为jsonp jsonp:"jsonpCallback",//服务端用于接收callback调用的function名的参数 success:function(data){ $("#showcontent").text("Result:"+data.result) }, error:function(){ alert('fail'); } }); }); </script> <body> <divid="showcontent">Result:</div> </body> </html>
二.服务器端
importjava.io.IOException; importjava.io.PrintWriter; importjava.util.HashMap; importjava.util.Map; importjavax.servlet.http.HttpServletRequest; importjavax.servlet.http.HttpServletResponse; importnet.sf.json.JSONObject; importorg.springframework.stereotype.Controller; importorg.springframework.web.bind.annotation.RequestMapping; @Controller publicclassExchangeJsonController{ @RequestMapping("/base/json.do") publicvoidexchangeJson(HttpServletRequestrequest,HttpServletResponseresponse){ try{ response.setContentType("text/plain"); response.setHeader("Pragma","No-cache"); response.setHeader("Cache-Control","no-cache"); response.setDateHeader("Expires",0); Map<String,String>map=newHashMap<String,String>(); map.put("result","content"); PrintWriterout=response.getWriter(); JSONObjectresultJSON=JSONObject.fromObject(map);//根据需要拼装json StringjsonpCallback=request.getParameter("jsonpCallback");//客户端请求参数 out.println(jsonpCallback+"("+resultJSON.toString(1,1)+")");//返回jsonp格式数据 out.flush(); out.close(); }catch(IOExceptione){ e.printStackTrace(); } } }
以上就是小编为大家带来的浅谈JQuery+ajax+jsonp跨域访问全部内容了,希望大家多多支持毛票票~