JSONP 跨域请求WCF

模拟建两个项目，一个WcfService,一个 Asp.Net

一、Service WCF

1、IService1.cs 注意要加上注解[WebGet()]，否则客户端不能访问到

[OperationContract]
[WebGet()]
Stream GetData(string callback);

2、Service1.svc

　　注意加上[AspNetCompatibilityRequirements]注解，

　返回类型以Stream 代替string,避免返回的内容带有双引号，比如若返回 "call({msg:'Hello'})"，客户端就不会执行ajax里的success或者自定义的callback函数。正确的是返回不带双引号的
call({msg:'Hello'}) 这样客户端会去执行call函数。

[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
public class Service1 : IService1
{
public Stream GetData(string callback)
{
string jsCode = callback+"({msg:'Hello,I am from WCF'})";
return new MemoryStream(Encoding.UTF8.GetBytes(jsCode));

// return "call({msg:'Hello,I am from WCF'})";
}
}

3、Web.config.注意高亮部分的配置 binding="webHttpBinding"

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

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

<system.serviceModel>
<services>

<service name="WcfService1.Service1" behaviorConfiguration="WcfService1.Service1Behavior">
<!-- Service Endpoints -->
<endpoint address="" binding="webHttpBinding" contract="WcfService1.IService1" behaviorConfiguration="WcfService1.EndBehavior">
</endpoint>
</service>

</services>

<behaviors>
<serviceBehaviors>
<behavior name="WcfService1.Service1Behavior">

<!-- 为避免泄漏元数据信息，请在部署前将以下值设置为 false 并删除上面的元数据终结点 -->
<serviceMetadata httpGetEnabled="true"/>
<!-- 要接收故障异常详细信息以进行调试，请将以下值设置为 true。在部署前设置为 false 以避免泄漏异常信息 -->
<serviceDebug includeExceptionDetailInFaults="false"/>
</behavior>
</serviceBehaviors>

<endpointBehaviors>
<behavior name="WcfService1.EndBehavior">
<webHttp/>
</behavior>
</endpointBehaviors>

</behaviors>

<serviceHostingEnvironment multipleSiteBindingsEnabled="true" />
</system.serviceModel>

<system.webServer>
<modules runAllManagedModulesForAllRequests="true"/>
</system.webServer>

</configuration>

 

二、Web Ajax

<script type="text/javascript">
function getData() {

var url1 = "http://localhost:6199/WebForm1.aspx?callback=?";
jQuery.getJSON(url1, function (data) { alert("执行了success 1:     " + data.msg); });

var url2 = "http://localhost:6199/Service1.svc/GetData?callback=?";
$.getJSON(url2, function (data) { alert("执行了success 2:     " + data.msg); });

$.ajax({
type: "get",
url: "http://localhost:6199/Service1.svc/GetData",
dataType: "jsonp",
success: function (data) { alert("执行了success 3:   " + data.msg); },
error: function (error) {
alert("调用出错");
}
});

$.ajax({
type: "get",
url: "http://localhost:6199/Service1.svc/GetData",
dataType: "jsonp",
jsonpCallback: "call",
success: function (data) { alert("这里不会执行！"); },
error: function (error) {
alert("调用出错");
}
});

}
function call(data) {
alert("执行了call:     "
4000
+ data.msg);
}

getData();
</script>