JSONP 跨域

 
  <!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",0); background-color:inherit">async:false,0); background-color:inherit">url:"http://app.example.com/base/json.do?sid=1494&busiId=101",0); background-color:inherit">dataType:"jsonp",//数据类型为jsonp
jsonp:"jsonpCallback",//服务端用于接收callback调用的function名的参数
success:function(data){
},0); background-color:inherit">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")
voidexchangeJson(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();
} 
 

JSONP 跨域

猜你在找的Json相关文章