Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' heade

XMLHttpRequest cannot load http://10.164.153.37:8050/WebService/WebService.asmx/wsGetStreetData.

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' heade

使用Ajax 远程 post 到WebService页面的wsGetStreetData方法。报以上错误。

jquery ajax跨域请求,webservice webconfig配置

前台代码：

// 街道的数据
    function getStreetData() {
        var time1 = $('#time1_street').val(); if (time1 == "" || time1 == null) { alert("请输入值~"); return false; }
        var time2 = $('#time2_street').val(); if (time2 == "" || time2 == null) { alert("请输入值~"); return false; }
        var data = {
            time1: time1,
            time2: time2
        };
        data = JSON.stringify(data);
        $.ajax({
            type: "post",
            url: 'http://10.164.153.37:8050/WebService/WebService.asmx/wsGetStreetData',            
            async: true,
            datatype: "JSONP",
            jsonpCallback: "jsonpcallback",
            contentType: "application/json",
            data: data,
            success: function (response) {
                var d; d = JSON.parse(response.d);
                var jsonData = JSON.stringify(d);
                jsonData = jsonData
                .replaceAll('"PROJECT_ID":', '')
                .replaceAll('"REGION_NAME":', '')
                .replaceAll('"TAX":', '')
                .replaceAll('"QJSR":', '')
                .replaceAll('{', '[')
                .replaceAll('}', ']');
                jsonData = jsonData.substring(1, jsonData.length - 1);
                $('#txtRegionData').val('["id", "街乡", "纳税总额", "区级收入"],' + jsonData);
            }
        });
    }

后台代码：

   [WebMethod]
    public string wsGetStreetData(string time1, string time2)
    {
        StringBuilder strsql = new StringBuilder();
        strsql.AppendFormat(@"", time1, time2);
        DataTable dt = OracleHelper.Query(strsql.ToString()).Tables[0];

        return JsonConvert.SerializeObject(dt);
    }

 

解决方案：在服务器端的Web.config文件中添加一下内容。

 <system.web>
    <!--提供Web服务访问方式-->
    <webServices>
      <protocols>
        <add name="HttpSoap"/>
        <add name="HttpPost"/>
        <add name="HttpGet"/>
        <add name="Documentation"/>
      </protocols>
    </webServices>
 </system.web>

 <configuration>
 <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>   
  <modules>  
    <add name="MyHttpModule" type="WebServiceDemo.MyHttpModule"/>  
  </modules>
  </system.webServer>  
</configuration>

如果报错：

未能加载类型“WebServiceDemo.MyHttpModule”。去掉

  <modules>  
    <add name="MyHttpModule" type="WebServiceDemo.MyHttpModule"/>  
  </modules>

即可。

如果想选定的网站可能跨域访问，修改配置如下:

<add name="Access-Control-Allow-Origin" value="http://domain1.com, http://domain2.com" />  

用的时候要注意，这样用可能有风险，具体什么风险还不清楚!!!

此文参考：http://blog.csdn.net/liyifei21/article/details/17509735