浅谈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跨域访问全部内容了，希望大家多多支持毛票票~