JQuery Ajax 跨域请求

第一种方式

 

客户端JS：

        function httpRequest(arg,successCallback,errorCallback){
              $.ajax({
                  type: "get",
                  url:serverAddress,
                  async: false, //是否为同步or 异步，默认同步(true)
                  cache:false, //请求格式为jsonp ，script默认为false ,其它为true ,  这里可以不用添加
                  data:arg,      //请求参数,也可以拼接在url后边
                  dataType: "jsonp",
                  jsonp:"callback",
                  jsonpCallback :"jsoncallback",
                  timeout : set_Timeout,         //超时处理
                  success : successCallback,       //成功回调
                  error : errorCallback            //错误回调
              })
          }

//调用

var arg = {name:'zs'}

httpRequest（arg,succCallback,errCallback）;

function succCallback(msg){
    //msg返回一个对象，解析JSON格式
}

function errCallback(){
    //fail msg
}

 

服务器端代码

 String callbackFunName = context.Request["callback"];  //jsonp :callback 对应的值，默认不写就是callback

 context.Response.Write(callbackFunName + "(" +{ 'name':'John'}+")");

　

 

jsonp: "callback"
jsonpCallback:"jsonpCallback"

这两个参数最终会拼接在请求的url后面，变成 http://www.xxx.com/ajax/xxx.ashx?callback=jsonCallback

ps:注意：这种方式需要客户端与服务器端 ，同时调整下数据请求方式及服务器响应。

 

第二种方式

     PHP 解决跨域 ，在文件头加下边这两句代码，JS 就不需要JSONP。

header("Access-Control-Allow-Origin: *");
header('content-type:application/json;charset=utf8');  

　　

java 解决跨越

xxx.setContentType("application/json; charset=utf-8"); 
 
xxx.getResponse().addHeader("Access-Control-Allow-Origin","*");//'*'表示允许所有域名访

or


/*这里可以忽略*/
服务器端要使用 
request.getParameter("jsonpCallback");//客户端请求参数  
        out.println(jsonpCallback+"("+resultJSON(data)+")");//返回jsonp