简单配置IIS 以及web service 实现js跨域

因为浏览器的安全模型，js 是不能跨域的。

解决的方法有以下几种：

1. 使用代理服务转发

2. 目前服务器添加：Access-Control-Allow-Origin

3. 使用jsonp

4. 使用iframe

。。。。。。。

其中使用代理服务器进行转发以及 服务器添加Access-Control-Allow-Origin 是比较方便的。

代理服务器一般选择nginx 或者类似的，可以在网上找到对应的配置。

目的服务器添加Access-Control-Allow-Origin  对于现有的应用时比较方便的，直接在目的服务器中添加对应的信息即可。

例子如下：

public class App1 : System.Web.Services.WebService
{

[WebMethod]

public void HelloWorld()
{

Context.Response.ContentType = "application/json";
var text = "{\"name\":\"dalong\"}";
Context.Response.Write(text);

Context.Response.End();

}
}

web service 站点的配置如下：

<configuration>
<system.web>
<compilation debug="true" targetFramework="4.0" />

<webServices >

<protocols >

<add name="HttpGet"/>
<add name="HttpPost"/>
</protocols>
</webServices>
</system.web>

</configuration>

IIS 服务器的配置如下：

Access-Control-Allow-Origin : *

对于 web service的方式可能会有其他的错误，需要在此添加以下信息：

Access-Control-Allow-Headers : Origin, X-Requested-With, Content-Type, Accept

上述配置也可以再 web.config 中配置

使用ajax 调用跨域的web  service 如下:

 $.ajax({
                type: "GET",    

                url: "http://XXXXXXXXXXX/app.asmx/HelloWorld",
                data: null,
                dataType: 'json',
                success: function (result) {
                    alert(result.name);
                }
            });   

 <system.webServer>
        <httpProtocol>
            <customHeaders>
                <add name="Access-Control-Allow-Origin" value="*" />
                <add name="Access-Control-Allow-Headers" value="Origin, X-Requested-With, Content-Type, Accept" />
            </customHeaders>
        </httpProtocol>
    </system.webServer>

希望对大家有帮助。