C#中關於ajax跨域訪問問題的詳細介紹

最近做項目，需要跨域請求訪問資料問題。下面通過本文給大家分享C#中ajax跨域存取碼詳解,需要的朋友可以參考下

最近因項目需要，需要跨域請求訪問資料。跨域訪問是指什嗎？

[跨域]：指的是瀏覽器不能執行其他網站的指令碼。它是由瀏覽器的同源策略造成的，是瀏覽器對JavaScript施加的安全限制。所謂同域是指，網域名稱，協議，連接埠均相同，不明白沒關係，舉個栗子：例如，我的電腦上有2個伺服器 192.168.0.11和192.168.0.12。如果第一個伺服器上的頁面要訪問第二個伺服器上面的資料，就叫做跨域。或者http://www.baidu.com 要訪問www.xxx.com也是不同網域名稱也是跨域。 下面給出完整請求案例：

前端頁面請求代碼片：

<script type="text/javascript">  function ajaxsubmit(name,phone) {   $.ajax({    type: "get",    url: "http://10.10.10.132:35709/AppInterface/ResourceInsert.ashx",    data: { "share_name": encodeURI(name), "telphone": encodeURI(phone), "fromtype": 4 },    dataType : "jsonp",    jsonp: "callback",    jsonpCallback: "successcallback",    success: function (json) {     alert(json.msg);    },    error:function(e){     alert("提交失敗！請稍後再試");    }   });  } </script>

一般處理常式代碼片：

public class ResourceInsert : IHttpHandler {  public void ProcessRequest(HttpContext context)  {   context.Response.ContentType = "application/json";   context.Response.ContentEncoding = System.Text.Encoding.UTF8;   cms.Model.Resource model = new Model.Resource();   cms.BLL.Resource bll = new BLL.Resource();   //你所需要進行的操作   model.share_name = HttpUtility.UrlDecode(context.Request["share_name"]);   model.ask_telphone = HttpUtility.UrlDecode(context.Request["telphone"]);   model.back_row_one = context.Request["fromtype"];   ConvertHelper ch = new ConvertHelper();   model.share_name = ch.RemoveSpecialChar(model.share_name);   //successcallback為跨域請求回呼函數，切記必不可少。擷取方式也可以為context.Request["callback"]，   //對應前端頁面發起請求的jsonp和jsonpCallback格式為:jsonp_value=jsonpCallback_value   if (bll.Exists(model.share_name, model.ask_telphone))   {    Message temp = new Message(1, "我們已收到您的請求額！請勿重複提交！", null);    context.Response.Write("successcallback" + "(" + JsonConvert.SerializeObject(temp) + ")");    context.Response.End();    return;   }   else   {    if (bll.Add(model) > 0)    {     Message temp = new Message(1, "提交成功，我們工作人員會儘快回複你！感謝關注！", null);     context.Response.Write("successcallback" + "(" + JsonConvert.SerializeObject(temp) + ")");     context.Response.End();     return;    }    else    {     Message temp = new Message(0, "請確認資訊填寫無誤！", null);     context.Response.Write("successcallback" + "(" + JsonConvert.SerializeObject(temp) + ")");     context.Response.End();     return;    }   }  }  public bool IsReusable  {   get   {    return false;   }  } }

你以為到這裡完了嗎？當然沒有/斜眼笑。設定檔中當然不能少,web.config檔案中的 system.webServer 節點下 增加如下配置:

<system.webServer> <httpProtocol>  <customHeaders>  <add name="Access-Control-Allow-Methods" value="OPTIONS,POST,GET"/>  <add name="Access-Control-Allow-Headers" value="x-requested-with,content-type"/>  <add name="Access-Control-Allow-Origin" value="*" />  </customHeaders> </httpProtocol> </system.webServer>