jquery ajax跨域訪問webservice配置

1.webservice方法

 [System.Web.Script.Services.ScriptService]
    public class TestService : System.Web.Services.WebService
    {
        
        [WebMethod]
        public string Test(string inputStr)
        {
            ////HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");
            return "Hello :"+inputStr;
        }
    }

2.webservice網站web.config配置

 <?xml version="1.0" encoding="utf-8"?>

<!--
  有關如何配置 ASP.NET 應用程序的詳細信息，請訪問
   http://go.microsoft.com/fwlink/?LinkId=169433
  -->

<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="OPTIONS,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>

</configuration>

圖中框出的2塊經測試 缺一不可

 

3.jquery ajax調用

function doClick1() {

　　　　　　jQuery.support.cors = true; //IE10如下

        $.ajax({
            type: "post",
            url: "http://xx.com/TestService.asmx/Test",
            dataType: 'xml',
            data: { inputStr: 'everyone' },
            success: function (data) {
                alert(data); //xml對象
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                console.log(XMLHttpRequest);
                alert('error:' + errorThrown);
            }
        });
    }

 

 From:  http://www.cnblogs.com/xuejianxiyang/p/5369346.html