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!