繁体   English   中英

jQuery跨域请求仍然在IE中失败,但使用jsonp

[英]jQuery cross domain request still failing in IE, but using jsonp

我的Ajax跨域请求在IE 9中失败,并且“拒绝访问”。 我已经阅读了几篇关于这个主题的帖子,AFAIK应该可以使用。

  1. IE9和jQuery 1.8.1
  2. 调用是asyncjsonpcrossdomaincachefalse 这些是我找到的先决条件。
  3. 适用于最新的Firefox和Chrome。
  4. jQuery.support.cors是真的
  5. 甚至设置了响应头: Access-Control-Allow-Origin:*SO
  6. 返回的JSON代码也是正确的,使用了一个检查器(另见3.)

那么为什么这会因拒绝访问而失败? 任何想法? 可能是因为我的代码是从“JavaScript”库中调用的,而不是页面上的<script></script>标签?

我错过了什么?

    // The code is part of an object's method (prototype)
    // code resides in a library "Mylib.js"

    $.ajax({
        type: 'GET',
        url: url,
        cache: false,
        async: true,
        crossdomain: true, // typo, crossDomain, see my answer below
        datatype: "jsonp", // dataType
        success: function (data, status) {
            if (status == "success" && !Object.isNullOrUndefined(data)) {  ... }

        },
        error: function (xhr, textStatus, errorThrown) {
           // access denied
        }
    });

- 编辑 - 根据Robotsushi的评论,进一步研究---

  1. 的确,在jQuery源代码中找不到XDomainRequest (1.8.1)
  2. 如果我没有设置cors( jQuery.support.cors = true ),我最终会遇到“No Transport”异常。
  3. 仍然想知道为什么其他人明显成功使用IE9跨域请求,例如: jQuery跨域Ajax JSONP调用随机因某些IE版本中的未知原因而失败
  4. jQuery处理这个的方式,似乎是围绕下面的代码,但在我的特定情况下不会调用,不知道为什么?

    //绑定脚本标记hack transport jQuery.ajaxTransport(“script”,function(s){

     // This transport only deals with cross domain requests if ( s.crossDomain ) { 
  5. 2010年的类似情况: 在跨域调用的IE中Jquery $ .ajax失败但是,这应该已经被后来的jQuery版本解决了。

好的,现在工作。 我身边的几个错误:

  1. 它是crossDomain: true, dataType: "jsonp" ,错字 - 错过大写字母。
  2. JSONP请求不是透明的。 数据不仅仅是JSON表示法,而是必须包装在Js函数调用中(在服务器端):请参阅http://en.wikipedia.org/wiki/JSONP基本上这意味着,如果您无法修改发送的数据,JSONP不适合您。

考虑到所有事情,它的确有效。 所以我的个人清单将是:

  1. 尽可能使用json (例如使用Chrome,FF或IE10)。 确保设置了响应标头: Access-Control-Allow-Origin:*
  2. 如果使用jsonp ,请检查: async: truejsonpcrossdomain: truecachefalsejQuery.support.corstrue这些是我找到的先决条件。
  3. 还要确保jsonp响应是一个函数调用(函数中包含JSON ), 而不是 “普通的”JSON数据。

我有一个类似的问题试图访问我存储在Google云端存储上并使用jQuery的ajaxing访问的一些json。 这在Chrome和Firefox中运行良好,但在IE(9及以下版本)测试时,我收到了“拒绝访问”消息。

我解决它的方法是明确地使用jsonP:

  1. 重写我的json文件是一个带有javascript变量的javascript文件来保存json数据,例如

(function (o) { variableName = [json]; }(window.[nameSpace] = window.[nameSpace]|| {}));

  1. 在html文件的标记内包含javascript文件的url,例如

    <script type="application/javascript" src="[url to javascript file]"></script>

  2. 通过它的variableName消耗数据

希望这可以帮助 :)

IE要求您在跨站点使用XDomainRequest而不是XHR。

您可以查看easyXDM,这是一个js库,可以为您提取此过程的摘要。

或者看到这个:

在IE上拒绝访问jQuery脚本

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM