处理ajax调用不了webService的问题

写一个webService做为后台，然后前台用ajax调用，无论怎么调用都报abort的错误。然后开始排查错误原因。

1、把之前项目中已经可以正常调用的代码复制、粘贴过来，然后把地址换成现在这个地址，发现报错abort。就说明是后台的问题了。

2、在试着把后台的代码复制到之前能够正常运行的后台上面，然后通过之前的webService的地址去调用这个接口，发现可以正常调用了，这说明是新建的这个webService的问题。

3、然后通过对比发现，在新的webService中，要添加一些配置才能够正常被调用，否则就会一直地报错。

4、修改web.config文件下面的<system.webServer>,在里面添加如下配置，就能正常的被调用了。

<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="*" />

5、附加完整的配置

<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>
    <validation validateIntegratedModeConfiguration="false"/>
    <modules>
      <remove name="ApplicationInsightsWebTracking"/>
      <add name="ApplicationInsightsWebTracking" type="Microsoft.ApplicationInsights.Web.ApplicationInsightsHttpModule, Microsoft.AI.Web"
        preCondition="managedHandler"/>
    </modules>
  </system.webServer>

 

转载于:https://www.cnblogs.com/masha2017/p/11234096.html