js跨域訪問

標籤：style   class   blog   c   code   java   

用戶端 HTML

 1 <div id="oid"></div> 2 <script type="text/javascript"> 3     //擷取貨號 4 $.ajax({  5   6                 url: "http://192.168.1.191/H.ashx",  7                 type: "GET",  8                 dataType: ‘jsonp‘,  9                 //jsonp的值自訂,如果使用jsoncallback,那麼伺服器端,要返回一個jsoncallback的值對應的對象. 10                 jsonp: ‘jsoncallback‘, 11                 //要傳遞的參數,沒有傳參時，也一定要寫上 12                 data: null, 13                 timeout: 5000, 14                 //返回Json類型 15                 contentType: "application/json;utf-8", 16                 //伺服器段返回的對象包含name,openid. 17                 success: function (result) { 18                     19                     document.getElementById(‘oid‘).innerText=result.name+"："+result.openid;20                 }, 21                 error: function (jqXHR, textStatus, errorThrown) { 22                     alert(textStatus); 23                 } 24             });25     26 </script>

 

服務端 H.ashx

 1 <%@ WebHandler Language="C#" Class="H" %> 2  3 using System; 4 using System.Web; 5  6 public class H : IHttpHandler { 7      8     public void ProcessRequest (HttpContext context) { 9         context.Response.ContentType = "text/plain";10 11         string result = context.Request.QueryString["jsoncallback"] + "({\"name\":\"測試編號為\",\"openid\":\"123456789\"})";12 13         context.Response.Clear();14         context.Response.Write(result);15         context.Response.End();16         17         18     }19  20     public bool IsReusable {21         get {22             return false;23         }24     }25 26 }