Jquery Ajax GetJson实现跨域调用

      Ajax的应用中，由于安全的问题，浏览器默认是不支持跨域调用的，但是在1.2版本之后，Jquery的getJson方法就开始支持跨域调用，实现的原理主要是:虽然JavaScript不支持跨域调用，但是标签<Script>是支持跨域调用的，Jquery.GetJson方法就是利用这点实现的跨域调用。现在就来讨论下，如何利用Jquery.GetJson实现跨域调用。（当然你也可以使用Jquery.Ajax来实现跨域调用，但是其原理也是利用GetJson方法来实现的。）

 

---

    Jquery.GetJson主要是通过传递Json格式的数据来实现跨域调用的，所以如何封装和解释Json数据就非常重要。Json格式请查看官网的解释（http://www.json.org/json-zh.html）,Jquery本身就带有解析Json格式的方法（http://api.jquery.com/jQuery.each/）

 

这是Jquery官网对Jquery.GetJson的解释：

  使用GetJson客户端实例：

 

$.getJSON("http://XXX.XXX.XXX?jsoncallback=?", //URL jsoncallback=?必须 {id：“”，name：“” }, //Url参数，当然你也可以放在URL后面 function (data) { //获取成功，服务器传回的Json格式的数据 $.each(data, function (key, list) { //解析Json数据 }); });  

          Jquery.GetJson首先在客户端注册一个jsoncallback，然后把jsoncallback的名字(如:jsonp1236827957501)传给服务器。注意：服务端得到callback的数值后，要用jsonp1236827957501(......)把将要输出的json内容包括起来，用Response.Write（jsonp1236827957501(......)）写入时，服务器生成 json 数据才能被客户端正确接收。

  使用GetJson服务端实例：

//跨域调用 获取方法名 if (Request["jsoncallback"] != null) { string jsoncall = Request["jsoncallback"].ToString(); //封装JSon格式 sb.Append(jsoncall + "(["); } .......//封装JSon格式 Jsonp1236827957501([{"id":"XXX","aa":"bb"}])... Response.Write(sb.ToString()); Response.End(); 

   这里要注意的是：Jquery1.5以后对Jquery.GetJson的方法的返回值做了修改，使用了jqXHR Object作为返回值。

            

在Jquery1.4中，对服务返回的Json数据格式有严格的要求，这是官网的解释：

在封装Json数据格式时，建议使用工具进行封装，不然容易产生错误，出错不易查找。

当然，跨域调用的方式有很多种，你可以使用$.Ajax来实现，但原理是一样的。Jquery给我们封装的方法还是挺方便的，建议使用。