3

我正在尝试调用外部 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 来测试

4

4 回答 4

9

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

如果您想在 javascript 中访问不同的域 web 服务，您将需要设置 跨域资源共享。

跨域资源共享 (CORS) 是一种允许网页向另一个域发出 XMLHttpRequest 的机制。否则，根据同源安全策略，Web 浏览器将禁止此类“跨域”请求。CORS 定义了浏览器和服务器可以交互以确定是否允许跨域请求的方式

如果您有权访问 Web 服务代码，则可以在服务器上启用 CORS 请求。
启用 cors是一个很好的资源。这里有一些关于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>

这是IIS6的步骤

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

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

旧版浏览器不支持 CORS 请求。您可以在此处查看完整的浏览器兼容性列表

如果您必须支持较旧的浏览器，或者无法更改 Web 服务，您始终可以在您的服务器上托管 Web 服务代理。您将请求发送到您的服务器，您的服务器从原始网络服务请求数据。这很好用，因为它不违反跨源策略。一个简单的 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 的要求调用此处理程序。

于 2013-01-15T05:57:48.067 回答
1

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

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

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

于 2013-01-18T09:33:51.223 回答
1

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

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

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

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

于 2013-01-20T11:36:52.887 回答
0

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

启用 CORS 浏览器支持

于 2020-02-27T19:58:44.237 回答