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跨域访问

标签：http   io   java   ar   数据   art   sp   cti   代码   

原文地址：http://www.cnblogs.com/zxy562323273/p/3972394.html