ajax跨域訪問

標籤：http   io   java   ar   資料   art   sp   cti   代碼   

一.js Ajax跨域:

　　1. 通過添加<script>標籤請求跨域的資料

　　2. 通過回調方法擷取符合js文法的資料

程式碼範例:

1. <script type="text/javascript">  
2.      //添加<script>標籤的方法  
3.      function addScriptTag(src){  
4.          var script = document.createElement(‘script‘);  
5.          script.setAttribute("type","text/javascript");  
6.          script.src = src;  
7.          document.body.appendChild(script);  
8.      }  
9.        
10.      window.onload = function(){  
11.          //搜尋apple，將自訂的回呼函數名result傳入callback參數中  
12.          addScriptTag("http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q=apple&callback=result");  
13.            
14.      }  
15.      //自訂的回呼函數result  
16.      function result(data) {  
17.          //我們就簡單的擷取apple搜尋結果的第一條記錄中url資料  
18.          alert(data.responseData.results[0].unescapedUrl);  
19.      }  
20.  </script> 

 

二.jquery架構 Ajax跨域:

　　1.指定datatype為jsonp,否則無法跨域

　　2.在回調方法success擷取響應資料

1.  $.ajax({  
2.         dataType: "jsonp",//跨域訪問 dataType 必須是jsonp 類型。  
3.         url: request,  
4.         type:"GET",  
5.         jsonp:"callbackparam",  
6.         jsonpCallback:"success",  
7.         success: function(response) {  
8.             $("#shortUrl").html("短地址為："+response[0].url_short);  
9.         },  
10.          error: function(XMLHttpRequest, textStatus, errorThrown) {  
11.             alert("status"+XMLHttpRequest.status);  
12.             alert("readyState"+XMLHttpRequest.readyState);  
13.             alert("textstatus"+textStatus);  
14.             alert(errorThrown);  
15.         }  
16.     }); 

 

ajax跨域訪問