jquery ajax请求跨域与jsonp在IE6中不起作用

Question

我制作了一个 jquery 插件，如下所示：

(function($){
$.fn.plugin_name = function(){
    var methods = {
        getSomeThing: function(callback){
            $.ajax({
                type: 'GET',
                dataType: 'jsonp',
                url: 'http://thirdparty.com/get',       
                success: function(response){
                    callback(response);
                }
            });
        },
        getDetail: function(callback){
            $.ajax({
                type: 'GET',
                dataType: 'jsonp',
                url: 'http://thirdparty.com/getdetail',
                data:{id:1},
                success: function(response){
                    //this code block has never executed in IE6
                },
                error: function(request, status, error){
                    alert(request.statusText); // i get "success" in IE6
                    alert(status); // i get "parseerror" in IE6
                    alert(error.error); // i get [object Error] in IE6
                }
            });
        }
    };

    return this.each(function(){
        var self = $(this);
        methods.getSomeThing(function(response){ // work OK
            //process response
            self.html(response.html); // work OK

            self.append('<a href="javascript:;" id="linkDetail">View Detail</a>');

            self.on('click','#linkDetail',function(){
                //i make an ajax request here
                methods.getDetail(function(response){
                    //failed!!
                });
            });

        });
    });
}

})(jQuery);

我使用 jsonp 跨域发出请求。

它在 Firefox、Chrome、IE7,8 上运行良好，但在 IE6 上则不然。

方法 getDetail 有问题，当我单击查看详细信息链接时，出现错误。

我尝试使用 Fiddler 对其进行调试，然后当我单击查看详细信息时，我没有看到任何请求，但我仍然收到错误？！

我无法解决这个问题，请有人帮助我！太感谢了！

Answer 1

我解决了问题！我只是想与您分享这个技巧。

当像这样的锚点上触发事件单击时，似乎出现了问题：

<a href="javascript:;" id="linkDetail">View Detail</a>

在这种情况下我使用 event.preventDefault() ，因此不会触发事件的默认操作。

self.on('click','#linkDetail',function(event){
        event.preventDefault();
            //i make an ajax request here
            methods.getDetail(function(response){
                //failed!!
            });
        });

然后在 IE6 中一切正常！