简单配置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();
}
});
<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>
希望对大家有帮助。
