4

从 jQuery 调用 WCF 方法时遇到错误。当我在 localhost 上实现它时，调用返回得很好，但是当服务托管在单独的服务器上时会抛出拒绝访问错误。

以下是重现错误的步骤：-

  1. 在本地运行项目并检查服务是否正在运行 eg：http://localhost:3369/AppsterWcfService.svc/DoWork

  2. 在本地创建一个测试客户端（test.html）页面并运行这个项目。当点击登录按钮时，它工作正常。

  3. 现在将服务托管在远程服务器上，并将 url 替换为新的 url，即托管服务的 url。

  4. 现在运行 test.html 页面，点击按钮。在这里我得到拒绝访问错误。

我尝试了各种访问服务器的方法，例如：-

  1. 通过使用 MVC
  2. 处理程序
  3. 简单的 .aspx 页面
  4. 在 jquery ajax 调用和 web.config 文件中添加不同的参数。
  5. 在 iis 中赋予不同的权限。如网络服务、iuser、匿名、访客等。

我想这是 jQuery 的某种跨域相关问题。任何帮助将不胜感激。

谢谢，-苏米特

4

2 回答 2

1

听起来您违反了Web 请求的同源策略。

如果在您的浏览器中，您的协议 (http/https)、服务器和/或端口与您的远程服务不同，您将违反同源策略，您的浏览器将阻止该调用。

您需要从与您的页面绑定的服务器端代码调用服务（充当代理），或者查看JSONP请求之类的内容，以让您的服务将数据作为 JSON 格式的方法调用返回。

于 2012-07-25T15:31:14.607 回答
1

为了让您使用 jQuery 使用跨域 WCF REST 服务，请在下面找到一个示例：

我的服务如下所示：

    [ServiceContract]
    public interface IJSONPService
    {
        [OperationContract]
        [WebGet]
        string GetDate();

        [OperationContract]
        [WebInvoke]
        string PostData(string name);
    }

现在我的上述服务的配置条目如下所示：

<services>
    <service name="Service.JSONPService">
        <endpoint address="" binding="webHttpBinding" behaviorConfiguration="json" bindingConfiguration="defaultRestJsonp" contract="Service.IJSONPService">
        </endpoint>
    </service>
</services>
<behaviors>
      <endpointBehaviors>
         <behavior name="json">
             <enableWebScript />
         </behavior>
   </behaviors>
</endpointBehaviors>
<webHttpBinding>
        <binding name="defaultRestJsonp" crossDomainScriptAccessEnabled="true">
          <readerQuotas maxStringContentLength="2147483647" maxArrayLength="2147483647" maxBytesPerRead="2147483647" maxDepth="64" maxNameTableCharCount="2147483647" />
          <security mode="None" />
        </binding>
</webHttpBinding>

您需要注意crossDomainScriptAccessEnabled绑定元素“defaultRestJsonp”中的属性，该属性负责确定针对 JSONP 的请求并适当地将响应转换为来自作为查询字符串的 URL 的回调方法

现在从您的页面执行以下调用上述 WCF REST 服务的 JavaScript，如下所示：

function TestingWCFRestWithJsonp() {
                $.ajax({
                    url: "http://domain.com/Service/JSONPService.svc/GetDate",
                    dataType: "jsonp",
                    type: "GET",
                    timeout: 10000,
                    jsonpCallback: "MyCallback",
                    success: function (data, textStatus, jqXHR) {
                        alert(data);
                    },
                    error: function (jqXHR, textStatus, errorThrown) {alert('error');

                    },
                    complete: function (jqXHR, textStatus) {alert('complete');
                    }
                });
            }
            function MyCallback(data) {
                alert(data);
            }

查看 $.ajax 方法调用中的 jsonpCallback 属性。

对 Web 服务调用的原始请求如下所示：

GET http://localhost/Service/JSONPService.svc/GetDate?callback=MyCallback&_=1343391683779 HTTP/1.1
Host: localhost
Connection: keep-alive

WCF REST 服务的原始响应如下所示：

HTTP/1.1 200 OK
Cache-Control: private
Content-Type: application/x-javascript
Date: Fri, 27 Jul 2012 12:21:23 GMT
Content-Length: 27

MyCallback("27\/07\/2012");

注意：当您执行 JSONP 请求时，您的 $.ajax 方法错误/完成/成功不会被调用。

于 2012-07-27T13:23:47.617 回答