Web 服务在 chrome 中可以正常工作，但在 Firefox 和 IE 中不行

Question

我正在尝试调用外部 Web 服务，它在 chrome 中可以正常工作，但在 Firefox 和 IE 中却不行。在chrome中，它返回'true'，但在firefox中，它返回'0 error'，这是我的完整代码...

 <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript">

    $(document).ready(function () {
        $("#btnCall").click(function (event) {
            var campaignid = 1000007;
            var r_source_id = 1000008;
            var parameters = "{'CompanyName': '" + document.getElementById('txtCompanyName').value + "', 'name': '" + document.getElementById('txtName').value + "', 'title': '', 'email':'" + document.getElementById('txtEmail').value + "', 'phone':'" + document.getElementById('txtPhoneNo').value + "', 'web_url':'', 'no_of_emp':'0', 'c_Currency_id':'100', 'r_source_id':'" + r_source_id.toString() + "', 'industry_ID':'1', 'city':'', 'country_ID':'" + document.getElementById('ddlCountry').value + "', 'cur_solution':'','pur_timeline':'','comments':'', 'year_sell_erp':'2013', 'support':'', 'bpgroup_ID':'1', 'C_Campaign_ID':'" + campaignid.toString() + "', 'R_STATUS_ID':'1000033', 'C_Region_ID':'100', 'CreatedBy':'1000012', 'salesrep_id':'1000012', 'ad_org_id':'1000001', 'ad_client_id':'1000001', 'UpdatedBy':'100', 'AccessKey':'caff4eb4fbd6273e37e8a325e19f0991'}";
            $.ajax({
                type: "POST",
                url: "http://cloudservice.softwareonthecloud.com/service.asmx/SetLead",
                data: parameters,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                async: false,
                success: function (msg) {
                    AjaxSucceeded(msg);
                },
                error: AjaxFailed
            });
        });
    });
    function AjaxSucceeded(result) {
        alert(result.d);
    }
    function AjaxFailed(result) {
        alert(result.status + ' ' + result.statusText);
    }  
</script>

这里是我上传了这个函数URL for testing

Answer 1

您收到此错误是因为您尝试调用另一个域上的 Web 服务。这违反了Same origin policy。这是一个安全限制。大多数旧浏览器会拒绝此类请求。

如果你想在 javascript 中访问不同的域 web 服务，你需要设置 Cross-Origin Resource Sharing。

跨域资源共享 (CORS) 是一种允许网络 页面向另一个域发出 XMLHttpRequests。这样的“跨域” 否则，请求将被 Web 浏览器禁止，同样 源安全策略。 CORS 定义了浏览器和 服务器可以交互以确定是否允许 跨域请求

如果您有权访问 web 服务代码，则可以在服务器上启用 CORS 请求。
Enable cors 是一个很好的资源。这是一些explaination on cors

在 IIS 7 上，您需要在 web.config 中设置一些自定义标头。

<system.webserver>
 <httpprotocol>
  <customheaders>
   <add name="Access-Control-Allow-Origin" value="*" />
   <add name="Access-Control-Allow-Headers" value="Content-Type" />
  </customheaders>
 </httpprotocol>
</system.webserver>

Here are the steps for IIS6

安全说明：这里举个例子，我已允许对服务器的所有请求。如果您提供敏感数据，您可能希望将其限制为选定的域。

也可以通过 WebOperationContext.Current.IncomingRequest 检查基于 WCF 的请求，并且可以发送适当的标头。

旧版浏览器不支持 CORS 请求。你可以看到完整的browser compatibility list here

如果您必须支持旧版浏览器，或者无法更改网络服务，您可以随时在您的服务器上托管网络服务代理。您将请求发送到您的服务器，您的服务器从原始网络服务请求数据。这很好用，因为它不违反跨源策略。一个简单的 http 处理程序可以作为您服务器上的代理服务器。

以下是 REST Web 服务的示例 http 处理程序代理：

public void ProcessRequest(HttpContext context) {
  WebClient myClient = new WebClient(); 

  //Fetch response on your server
  string response = myClient.DownloadString("http://example.com/webservice/webMethod");

  // Send response to your javascript.
  context.Response.Write(response);
}

然后您可以根据需要从 javascript 调用此处理程序。

Answer 2

您的请求违反了同源政策。

为您自己的应用程序中的服务编写代理服务。 将接收到的数据发布到远程服务并转发答案。

这将具有额外的优势，您可以将 AccessKey 保密。 您可以在将其发布到远程服务器之前将其添加到服务器上的请求中。

如果这太过分了，请让原始服务的开发人员在他们的服务器上添加一个调用它的网页。然后你可以在 IFrame 中添加这个网页。

Answer 3

您也可以尝试使用 JSONP 或 easyXDM 框架。

对于 JSONP，您应该只更改一个 $.ajax 属性。设置dataType:"jsonp"。在这种情况下，服务器应该返回 json 和函数名，格式如下：funcName(<JSON structure>)。这仅适用于“GET”请求，但您在此处使用“POST”。您可以尝试切换到“GET”请求调用。

如果这不可能，您应该考虑使用 javascript easyXDM framework 或前面解释过的 CORS 设置，easyXDM 有自己的 cors 组件，可以在旧版浏览器上启用它。

Answer 4

我在 Edge 中也遇到了 CORS 问题...我的 Web 服务在 Chrome、Firefox 和旧版 IE 中运行。最终我不得不更新 Edge 并且它起作用了。以下是 CORS 支持的浏览器/版本列表：

Enable CORS Browser Support