jqurey的跨域使用getjson(http://www.jb51.net/Special/894.htm)

 JS的跨域問題，我想不少程序員的腦海裏面還認爲JS是不能跨域的，其實這是一個錯誤的觀點；有不少人在網上找其解決方法，教其用IFRAME去解決的文章不少，真有那麼複雜嗎？其實很簡單的，若是你用JQUERY，一個GETJSON方法就搞定了，並且是一行代碼搞定。

 

$.getJSON( "http://user.hnce.com.cn/getregion.aspx?id=0&jsoncallback=?" , function (json){

//要求遠程請求頁面的數據格式爲： ?(json_data) //例如： //?([{"_name":"湖南省","_regionId":134},{"_name":"北京市","_regionId":143}]) alert(json[0]._name);

});

 

$.getJSON( "http://user.hnce.com.cn/getregion.aspx?id=0&jsoncallback=?" , function (json){

//要求遠程請求頁面的數據格式爲： ?(json_data) //例如： //?([{"_name":"湖南省","_regionId":134},{"_name":"北京市","_regionId":143}]) alert(json[0]._name);

});

下面一個是跨域執行的真實例子：

瀏覽器會進行同源檢查,這致使了跨域問題,然而這個跨域檢查還有一個例外那就是HTML的<Script>標記;咱們常用<Script>的src屬性,腳本靜態資源放在獨立域名下或者來自其它站點的時候這裏是一個url;這個url響應的結果能夠有不少種,好比JSON,返回的Json值成爲<Script>標籤的src屬性值.這種屬性值變化並不會引發頁面的影響.按照慣例，瀏覽器在URL的查詢字符串中提供一個參數，這個參數將做爲結果的前綴一塊兒返回到瀏覽器;

看下面的例子：

<script type= "text/javascript" src= "http://domain2.com/getjson?jsonp=parseResponse" > </script>

響應值：parseResponse({ "Name" : "Cheeso" , "Rank" : 7})

<script type= "text/javascript" src= "http://domain2.com/getjson?jsonp=parseResponse" > </script>

響應值：parseResponse({ "Name" : "Cheeso" , "Rank" : 7})

這種方式被稱做JsonP;(若是連接已經失效請點擊這裏:JSONP);即：JSON with padding 上面提到的前綴就是所謂的「padding」。那麼jQuery裏面是怎麼實現的呢？

 

jquery的post方式跨域

$.ajax({

url:;

type:"post",

crossDomain:true,//！這個設置是關鍵！

data:data,

dataType:"json",

success:function(result){

     alert(JSON,stringify(result));

},

error:function(xhr,status,error){

     alert(status);

 }

});