此文章學習借鑒了一些其他前端同學的文章,自己做了個實踐總結
以下的例子包含的文件均為為 http://www.a.com/a.html 、http://www.a.com/c.html 與 http://www.b.com/b.html,要做的都是從a.html獲取b.html里的數據
1.JSONP
jsonp是利用script標簽沒有跨域限制的特性,通過在src的url的參數上附加回調函數名字,然后服務器接收回調函數名字并返回一個包含數據的回調函數
- function doSomething(data) {
- // 對data處理
- }
- var script = document.createElement("script");
- script.src = "http://www.b.com/b.html?callback=doSomething";
- document.body.appendChild(script);
- // 1.生成一個script標簽,將其append在body上,向服務器發出請求
- // 2.服務器根據 callback 這個參數生成一個包含數據的函數 doSomething({"a", "1"})
- // 3.頁面事先已聲明doSomething函數,此時執行 doSomething(data) 這個函數,獲得數據
新聞熱點
疑難解答
圖片精選