1.在服務端新建一個Data.aspx頁面文件,后Page_Load事件方法中寫如下代碼:
protected void Page_Load(object sender, EventArgs e) { if (Request["cmd"] != null) { Response.Write("您已經成功請求"); Response.AddHeader("Access-Control-Allow-Origin", "*"); Response.End(); } }
2.把Data.aspx頁面發布在本機IIS上,配置主機頭為下圖
保證在Http://www.Demo.com/data.aspx?cmd=123能訪問,並且成功響應.
3.另外新建一個HTML頁,寫一段跨域請求上面地址的文件,如創建一個test.html文件,內容如下(Jquery根據實際情況引用)
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$().ready(function () {
$("span").click(function () {
$.get("http://www.demo.com/data.aspx", { cmd: 123 }, function (d) {
alert(d);
});
});
});
</script>
</head>
<body>
<span style="cursor:pointer">點擊我</span>
</body>
</html>
4.最后一步運行Test.html測試功能.點擊 Span標簽中的"點擊我" 文件就會做跨域的Ajax請求,並彈出響應的內容;
注意:該方法的關鍵在於響應的時候在http頭中設置了一個屬性:Access-Control-Allow-Origin 允許跨域,需要了解該屬性作用可以去百度.
結束 OK!