问使用jQuery - $.ajax()请求CORS
EN

Stack Overflow用户

提问于 2014-12-30 21:52:34

回答 1查看 4.4K关注 0票数 0

我正在开发一个web应用程序，其中的数据来自不同的领域。我的意思是，在我的应用程序中，几乎90%的请求是跨域请求。

在IIS上部署此应用程序时，无法获取数据。

服务器部署在http://some.ip.add/crmservice上，客户端部署在http://diffent.ip.add/saascrm上

我使用jQuery 2.0以异步方式使用$.ajax()获取数据；

注意：数据是xml格式的格式。

还向web.config文件添加了一些内容。

<system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*" />
      </customHeaders>
    </httpProtocol>
</system.webServer>

这是我的片段。

$.support.cors = true;
      $.ajax({
                        type: "GET",
                        url: 'http://some.ip.add/crmservice/crmservice.asmx/HandShake', 
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        crossDomain: true,
                        beforeSend: function (request) {
                        //    debugger;
                            request.setRequestHeader("Access-Control-Allow-Origin", '*');
                        },
                        error: function (xhr, status, error) {
                            try {
                              //  debugger;
                                // debugger;
                              //Here i am getting error : Access denied in IE 9.0 and and just "error" in firefox. 
                                var msg = JSON.parse(xhr.responseText);
                                alert(msg.Message);
                            }
                            catch (e) {
                                // debugger;
                                alert(xhr.statusText);
                            }
                            return true;

                        },
                        success: function (data) {
                            debugger;
                            xmlDoc1 = $.parseXML(data.d);
                            $xml1 = $(xmlDoc1);
                            if ($xml1.find('Result').text() == '0') {
                                $(this).MessageBox('success', $xml1.find('Message').text());
                                $("#uxDBName").prop("disabled", false);
                                $("#uxSUPassword").prop("disabled", false);
                                $("#uxServiceURL").prop("disabled", true);
                                GetListOfB1Databases(url);
                            }
                        }
                    });

我的服务器代码是：

Global.asax

protected void Application_BeginRequest(object sender, EventArgs e)
    {
        HttpContext.Current.Response.Cache.SetCacheability(HttpCacheability.NoCache);
        HttpContext.Current.Response.Cache.SetNoStore();
        EnableCrossDmainAjaxCall();  
    }
    private void EnableCrossDmainAjaxCall()
    {
        HttpContext.Current.Response.AppendHeader("Access-Control-Allow-Origin", "*");

        if (HttpContext.Current.Request.HttpMethod == "OPTIONS")
        {
            HttpContext.Current.Response.AppendHeader("Access-Control-Allow-Methods", "GET, POST");
            HttpContext.Current.Response.AppendHeader("Access-Control-Allow-Headers","Content-Type, Accept");
            HttpContext.Current.Response.AppendHeader("Access-Control-Allow-Origin", "*");
            HttpContext.Current.Response.AppendHeader("Access-Control-Max-Age", "1728000");
            HttpContext.Current.Response.End();
        }
    }

     //Web method
     [ScriptMethod(ResponseFormat = ResponseFormat.Json), WebMethod(EnableSession = true)]
    public string HandShake()
    {
        return General.Response("0", "Tenant is in reachable. Please specify SAP Business One Company database\r\nand 'manager' Password", "");
    }

我还在这上找到了一些解决方案，我发现IE8& 9不支持CORS，即8*9不创建XMLHttpRequest对象的实例。它创建XDomainRequest，因此需要检查用户代理。我找到了另一个解决方案这里

现在我的问题是，我在任何地方都使用了$.ajax()方法--几乎90%的调用是跨域调用。我不想在我的框架里做这个重大的改变。

是否有使用$.ajax()解决此问题的解决方案？

请帮帮我，我一个星期以来一直困得很重。

提前谢谢。

jquery

asp.net

ajax

cors

javascript

语音识别特惠，低至14.9元！

提供业界非常具有性价比的语音识别服务，超高识别准确率，适用多场景

回答 1

Stack Overflow用户

发布于 2015-01-02 02:00:26

谢谢你对我的合作和帮助。我找到了解决办法。

 var url = $("#uxServiceURL").val();
        $.ajax({
            crossOrigin: true,
            url: url + '/HandShake',
            error: function (xhr, status, error) {
                try {
                    alert('Error');
                }
                catch (e) {
                    alert(xhr.statusText);
                }
                return true;
            },
            success: function (data) {
                var d1 = data.replace(/\&lt;/g, '<').replace(/\&gt;/g, '>')
                xmlDoc1 = $.parseXML(d1);

                $xml1 = $(xmlDoc1);
                if ($xml1.find('Result').text() == '0') {
                    $(this).MessageBox('success', $xml1.find('Message').text());
                   
                }
            }
        });