jQuery跨域問題解決方案

更新時間：2015年08月03日 10:44:41 作者：likelooker

通過XMLHTTPRquest請求不同域上的數(shù)據(jù)，原來js跨域訪問是后臺有個處理路徑“/test”的函數(shù)。下面給大家介紹jQuery跨域問題解決方案，有需要的小伙伴可以參考下

通過XMLHTTPRquest請求不同域上的數(shù)據(jù)，原來js跨域訪問是后臺有個處理路徑“/test”的函數(shù)。下面把具體解決方案介紹如下。

后臺處理路徑“/test”的函數(shù)：

復(fù)制代碼代碼如下:

//路徑處理

app.get("/test",user.test);

//處理函數(shù)

exports.test=function(req,res){

    res.end("alert('JS跨域訪問')");

};

外部有一個網(wǎng)頁需要訪問路徑”/test“下的內(nèi)容，則可以通過JS腳本文件來跨域訪問：

復(fù)制代碼代碼如下:

//處理函數(shù)

<script>

    function method(data){

        console.log(data);

    }

</script>

//跨域訪問

<script src="http://localhost:3000/test"></script>

結(jié)果會在當(dāng)前的網(wǎng)頁中彈出一個窗口：

jQuery中JSONP跨域訪問的實現(xiàn)：

同樣在后臺有一個處理路徑“/test”的函數(shù)：

//路徑處理
app.get("/test",user.test);
//處理函數(shù)
exports.test=function(req,res){
 res.end("method("+JSON.stringify({mes:"跨域訪問成功！"})+")");
};
 外部有一個網(wǎng)頁需要訪問路徑”/test“下的內(nèi)容，通過JSONP來實現(xiàn)跨域訪問：

//引入跨域訪問中的jQuery函數(shù)庫
<script src="http://localhost:3000/js/jquery-1.9.1.min.js"></script>
//jQuery中JSONP跨域訪問
<script>
  $.ajax({
    url:"http://localhost:3000/test",
    type:"get",
    success:function(data){
      $("body").append(data.mes);
    },
    dataType:"jsonp",
    jsonpCallback:"method"
  });
</script>

結(jié)果會在當(dāng)前的網(wǎng)頁中顯示如下信息：