跨域調用是指在一個網頁中向另一個域名或者端口請求數據。然而,跨域調用在瀏覽器中是被禁止的,因為它可能會帶來某些安全問題。jQuery為了方便我們做跨域調用,提供了一個便捷的跨域調用方法——$.ajax()。
如果你是ASP.NET開發者,那么在跨域調用中你需要注意的地方有:
1.在后端添加一個header
protected void Page_Load(object sender, EventArgs e) { Response.AddHeader("Access-Control-Allow-Origin", "*"); }
這段代碼表示在Response header中加一個Access-Control-Allow-Origin的字段,其值為*,表示允許任意域名訪問。
2.在前端中使用jQuery的$.ajax()
$.ajax({ type: "POST", url: "http://localhost:1234/GetData.aspx", data: "param1=value1¶m2=value2", dataType: 'jsonp', // 采用jsonp請求方式 success: function (data) { // 成功后的處理 }, error: function (xhr, textStatus, errorThrown) { // 失敗后的處理 } });
這段代碼表示使用$.ajax()請求到了"http://localhost:1234/GetData.aspx"頁面,采用jsonp請求方式向后臺傳遞了兩個參數param1和param2。如果跨域請求成功,則會執行success回調函數,如果跨域請求失敗,則會執行error回調函數。
總之,以上就是使用jQuery實現跨域調用ASP.NET的一些簡單示例。同時,為了避免安全問題,我們需要在后端中添加一個header,明確響應跨域請求的權限。