jsonp跨域筆記

1.

                 var request = "http://baidu.origin?id=" + id+ "&url=" + encodeURIComponent(url);
                  var script = document.createElement("script");
                  script.type = "text/javascript";
                  script.src = request;
                  document.getElementsByTagName('head')[0].appendChild(script);

此方法會在head標籤結尾處建立script標籤。

2.

           var url="http://baidu.origin?id=" + id+ "&url=" + encodeURIComponent(url) + "?callback=aa";
           function aa (data) {
               //處理返回值
           }
           $.ajax({
              url: "url",
              crossDomain: true,
              dataType: 'jsonp',
              type: 'get',
              data: {
               jsonp: 'callback'
              },
              //          jsonpCallback: 'aa'
           });

此方法會在head標籤最前面建立script標籤。

其中，aa函數是後臺傳過來的數據。

項目中有個需求，每5秒發一次請求，可是這樣存在一個問題就是頁面會加載大量的script標籤。

解決方法是，再寫一個settimeout函數，每秒刪除一次head標籤裏最後的標籤或者開頭的標籤。

如： $("head script").last().remove()