如何在JQuery中调用跨域WebService/WCF

Question

更新1：

这是我在 IE 浏览器中复制并粘贴服务网址时得到的结果：

http://myservername/myservices.svc?wsdl

- <wsdl:message name="ILodge_GetCountfor">
  <wsdl:part name="parameters" element="tns:GetCountfor" /> 
  </wsdl:message>
- <wsdl:message name="ILodge_GetCountfore">
  <wsdl:part name="parameters" element="tns:GetCountfor" /> 
  </wsdl:message>
- <wsdl:message name="ILodge_GetCountfor_Input">
  <wsdl:part name="parameters" element="tns:GetCountfor" /> 
  </wsdl:message>
- <wsdl:message name="ILodge_GetCountfor">
  <wsdl:part name="parameters" element="tns:GetCountfor" /> 
  </wsdl:message>

http ://myservername/myservices.svc?xsd=xsd0

- <xs:element name="GetCountfor">
- <xs:complexType>
- <xs:sequence>
  <xs:element minOccurs="0" name="GetCountforResult" type="xs:long" /> 
  </xs:sequence>
  </xs:complexType>
  </xs:element>
- <xs:element name="GetCountfor">
- <xs:complexType>
- <xs:sequence>
  <xs:element minOccurs="0" name="Id" nillable="true" type="xs:string" /> 
  <xs:element minOccurs="0" name="LevelId" type="xs:long" /> 
  </xs:sequence>
  </xs:complexType>
  </xs:element>
- <xs:element name="GetCountfor">
- <xs:complexType>
- <xs:sequence>
  <xs:element minOccurs="0" name="GetCountfor" type="xs:long" /> 
  </xs:sequence>
  </xs:complexType>
  </xs:element>

更新：

我看到服务以 XML 形式返回我：

 public override string ToString()
    {            
        //- <name>CLUE</name><desc>CLUE list</desc> 
        StringBuilder sb = new StringBuilder("<?xml version=\"1.0\" encoding=\"utf-8\" ?>");
        sb.AppendLine("<kml xmlns=\"someSITE">");
        sb.AppendLine("<FOLDER>");
        sb.AppendLine("<name>Clue</name>");
        sb.AppendLine("<desc>Clue list</desc>");
        sb.AppendLine("</FOLDER>");
        sb.AppendLine("</kml>");
        return sb.ToString();
    }

我尝试了不同的方法来执行下面的跨域引用，但没有成功...我在这里做错了什么？我尝试调试并设置断点，但看起来它永远不会执行

 $(document).ready(function () {

$.getJSON("http://servername/tools/myservice.svc/mymethod/?Id=1&callback=?", null,           
      function (result) {
        alert("in test: " + result);
        debugger
        $("#spText").html(result);
    }); 

OR

        var path = "http://servername/tools/myservice.svc/mymethod?Id=1&callback=?";
             $.ajax({
                 type: "GET",
                 url: path,
                 contentType: "application/json; charset=utf-8",
                 dataType: "json",
                 async: false,
                 success: function (response) {
                    debugger
                     if (response != null) {
                         //displayData(response);
                     }
                 }
             });

OR
             debugger
             $.ajax({ url: "http://servername/tools/myservice.svc/mymethod",
                 data: { Id: "1" },
                 dataType: "jsonp",
                 success: function (json, textStatus) {
                     alert(json.d);
                     alert(textStatus);
                 },
                 error: function (XMLHttpRequest, textStatus, errorThrown) {
                     debugger
                 }
             });


    OR
             $.ajax({
                 type: "GET",
                cache: false,
                url: "http://servername/tools/myservice.svc/mymethod/Id=1&callback=?",
                              scriptCharset: "utf-8",
                              dataType: "jsonp",
                              data: parameters,
                              success: function (data, textStatus) {
                                  debugger
                              },
                              error: function (XMLHttpRequest, textStatus, errorThrown) {
                                  debugger
                              }
                          });
}

Answer 1

我尝试了不同的方式来执行下面的跨域引用，但没有成功...

由于安全风险，浏览器不允许跨域ajax请求。如果您的网页和 Web 服务位于不同的域中，您将需要在与您的网页相同的域中添加第二个页面来代理请求。

Answer 2

我猜“响应”不是有效的 jsonp。

将网址复制到浏览器的地址栏中，然后向我们展示您将看到的内容。

下面是 jsonp 的示例：

someFunction({'foo':'some foo','bar':'some bar'})

来自 flickr 的实例： http://www.flickr.com/services/rest/?method=flickr.test.echo&format=json&api_key=08e4f6fc4216b1216c5f521133ecbd9b&jsoncallback=functionName

看起来就像以对象文字作为参数调用函数一样。看起来像这样，因为稍后它将是一个函数调用。 jsonp 的工作方式是：

我无法告诉您创建 jsonp 的最终方法，这取决于您从哪里获取数据以及您喜欢用它做什么（当然也取决于给定的环境）。

Answer 3

WCF 服务的正常 .Net 扩展名是 .svc，看起来您的所有调用都是对 .svs

我不认为 .svs 是正常的 .net 扩展名，因此运行时可能甚至不会尝试执行调用服务器端。

更改扩展名或重新配置您的网络服务器。

Answer 4

老实说我不了解asp.net，但我认为你错过了逃避这个问题
sb.AppendLine(""); ，它应该是这样的： sb.AppendLine("");

你可以从SO编辑器的突出显示功能中看出这一点，感谢SO团队:)

   public override string ToString()
        {            
            //- <name>CLUE</name><desc>CLUE list</desc> 
            StringBuilder sb = new StringBuilder("<?xml version=\"1.0\" encoding=\"utf-8\" ?>");
            sb.AppendLine("<kml xmlns=\"someSITE\">");
            sb.AppendLine("<FOLDER>");
            sb.AppendLine("<name>Clue</name>");
            sb.AppendLine("<desc>Clue list</desc>");
            sb.AppendLine("</FOLDER>");
            sb.AppendLine("</kml>");
            return sb.ToString();
        }

Answer 5

严格禁止 XMLHttpRequest 对象调用最初提供页面服务的域之外的 Web 服务。这有很大的安全原因。

在您的情况下，提供该页面的域是“localhost”。 JavaScript 无法访问远程 Web 服务。你无法回避这个问题。

也就是说，你确实有一个选择。您可以让您的 javascript 访问本地 Web 服务，该服务返回并调用远程 Web 服务并将信息传递回您的 javascript。有关详细信息，请参阅本文Simple-Talk 详细介绍了您可以使用的几种潜在选项。