跨域

1.在aspx.cs里设置header

添加以下两句

Response.AppendHeader("Access-Control-Allow-Origin", "*");

Response.AppendHeader("Access-Control-Allow-Headers", "*");

2.在web.config添加节点

<system.webServer>下添加

<httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*" />
        <add name="Access-Control-Allow-Headers" value="*" />
      </customHeaders>

    </httpProtocol>
---------------------

在web.config文件中的 system.webServer 节点下 增加如下配置

       <httpProtocol>
            <customHeaders>
                <add name="Access-Control-Allow-Origin" value="*" />
                <add name="Access-Control-Allow-Headers" value="*" />
                <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE" />
            </customHeaders>
        </httpProtocol>

3.    跨域资源共享

相比 JSONP 请求，跨域资源共享要简单许多，也是实现跨域 AJAX 请求的首选。

客户端：

    客户端不在发送 JSONP 类型的请求，只需要发送普通的 JSON 请求即可，也不用定义回调函数，用 .success 即可。

服务端：

     服务端也很简单，操作结果还是返回普通的操作结果就可以，唯一要指定的是 HTTP 报文头部的Access-Control-Allow-Origi

指定为 “*” 即可，表示该输出允许跨域实现。

 

 

<scripttype="text/javascript">  

        $(function() {  

            $(".btn").click(function (){  

                $.ajax({  

                    type:"GET",  

                    url:"http://localhost:50863/Home/Index3", //跨域URL  

                    dataType:"json",   

                    success:function (result){  

                        $("#div1").html(result.ID +result.Name);  

                    },  

                    error:function (XMLHttpRequest, textStatus,errorThrown) {                         

                        alert(errorThrown); // 调用本次AJAX请求时传递的options参数  

                    }  

                });  

            })  

        })  

    </script>  

 

 

///<summary>

///跨站资源共享实现跨站AJAX请求

///</summary>

///<returns></returns>

public ActionResult Index3()

{

var str = new { ID="123", Name= "asdsa" };

HttpContext.Response.AppendHeader("Access-Control-Allow-Origin","*");

return Json(str, JsonRequestBehavior.AllowGet);

}