Jquery ajax 调用WebService 跨域访问的解决方法

最新推荐文章于 2021-08-06 11:59:33 发布

原创最新推荐文章于 2021-08-06 11:59:33 发布 · 2.6k 阅读

4 ·

CC 4.0 BY-SA版权

C#/.NET 同时被 2 个专栏收录

81 篇文章

订阅专栏

js/Jquery/Extjs

62 篇文章

订阅专栏

本文介绍如何通过配置web.config文件启用CORS跨域资源共享，以解决使用JQuery进行POST请求时遇到的跨域问题。同时展示了如何在JQuery中设置支持CORS。

Jquery 的POST方法调用别的服务器上的WebService 会出现跨域的问题

解决方法：cors的跨域资源共享方案

web.config 设置如下：

<configuration>
    <system.web>
      <compilation debug="true" targetFramework="4.0" />
      <customErrors mode="Off"/>
      <webServices>
        <protocols>
          <add name="HttpSoap"/>
          <add name="HttpPost"/>
          <add name="HttpGet"/>
          <add name="Documentation"/>
        </protocols>
      </webServices>
    </system.web>
  <system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Methods" value="POST,GET"/>
        <add name="Access-Control-Allow-Headers" value="x-requested-with,content-type"/>
        <add name="Access-Control-Allow-Origin" value="*" />
      </customHeaders>
    </httpProtocol>
  </system.webServer>

2. jquery 设置一下cors 支持为true

$.support.cors = true;