Ajax跨越請求失敗,解決

1、ajax跨越請求失敗,解決ajax跨越哀求失敗,解決跨越哀求1.1什么是跨域（兩個不同系統(tǒng)之間的拜訪、調用）（1）域名不同，即兩個不同的應用。（2）域名相同，但是端口不同，即同一個應用中的不同子系統(tǒng)。1.2 ajax跨域哀求的缺陷（1）創(chuàng)建testjsonp.jsp頁面insert title here function testajax() $.ajax( url:"http:/localhost:8081/category.json", type: "get", success: function (data) $(&

2、amp;quot;text").val(json.stringify(data); ); 1.3測試ajax跨越 測試發(fā)覺，ajax跨越哀求失敗了。 解決計劃：jsonp跨域 在前面的測試中，我們發(fā)覺ajax跨越哀求時，json數(shù)據(jù)被掃瞄器禁用了。 緣由：掃瞄器禁止遠程加載json數(shù)據(jù)。（掃瞄器平安機制） 如何解決呢？ 答：用法jsonp方式。 2.1jsonp原理 2.1.1jsonp 實現(xiàn)的前提：掃瞄器允許跨越加載同源數(shù)據(jù)。即在javascript腳本中發(fā)送哀求，就可以遠程加載js格式數(shù)據(jù)。 2.1.2哀求原理：（1）異步哀求的時候，加上一個名為callback的回調函數(shù)

3、（2）在接口中，將返回的json格式數(shù)據(jù)，偽裝成js腳本格式。（3）得到js格式數(shù)據(jù)后，提取里面的json數(shù)據(jù)。 2.2 修改testjsonp.jsp，指定異步哀求為jsonp方式。 function testajax() $.ajax( url:"http:/localhost:8081/category.json", type: "get", datatype: "jsonp", /jsonp哀求 jsonp:"callbackfunction", /哀求參數(shù)名 jsonpcallback:"showdata", /回調函數(shù)名稱 success: function (data) $("text").val(json.stringify(data); ); 2.3修改category.json文件，將返回數(shù)據(jù)包裝成js腳本。 2.4 再次發(fā)送ajax異步哀求，用法jsonp方式 結論： （1）jsonp是ajax技術中的一種異步哀求方式。 （2）jsonp能實現(xiàn)跨越哀求。 （3）jsonp跨越時，需要指定一個回調函數(shù)，并用法該