IE7和IE6中的jQuery .ajax方法无法正常工作，但在Firefox中工作正常

这与我以前的post有关：

jQuery .load方法导致页面刷新AJAX

我更改了我的implmentation以使用.ajax方法而不是.load，它在Firefox中工作正常但在IE7或IE6中没有：

$('ul#coverTabs > li > a').live('click', function(event) { // Find href of current tab var $tabValue = $(this).attr('href'); $.ajax({ type: "GET", cache: false, dataType: "html", url: $(this).attr('href'), success: function(data){ $(data).find('.benefitWrap').each(function(){ var $benefitWrap = $(this).html(); $('.benefitWrap').replaceWith($('
' + $benefitWrap + '
')); }); } }); event.preventDefault(); }); 

这让我很伤心，因为它已经花了很长时间才能实现这一目标。

我出错的任何想法？

Answer 1

只是一个快速的。 我曾经遇到过一些令人沮丧的问题，过去使用IE6 / 7默默地失败了。 几乎在所有情况下，在我的代码中的某个地方（不一定在有问题的ajax调用中）我在这样的参数之后有一个额外的逗号：

 $.ajax({ type: "GET", cache: false, dataType: "html", url: $(this).attr('href'), success: function(){}, )} 

我会通过jslint运行脚本，看看在进行适当的调试之前语法中是否有任何有趣的导致此问题。

Answer 2

我意外地弄清楚了问题是什么。

此变量中引用的链接：

 var $tabValue = $(this).attr('href'); 

最后有一个哈希值，如下所示：

 https://bupacouk.bwa.local.internal.bupa.co.uk/cash-plan-quote/quoteAction.do?getBenefitLevelDetails=getBenefitLevelDetails&productPolicyId=7850#a1 

这导致AJAX在IE的版本中失败。

使用以下代码：

 var $withoutHash = $tabValue.substr(0,$tabValue.indexOf('#')); 

Getrs摆脱它现在有效:)

Answer 3

在某些版本的IE中， event是一个保留字 。 尝试将您从event捕获的参数更改为确保避免碰撞的内容，例如evt ，例如：

 $('ul#coverTabs > li > a').live('click', function(evt) { evt.preventDefault(); // Find href of current tab var $tabValue = $(this).attr('href'); $.ajax({ type: "GET", cache: false, dataType: "html", url: $(this).attr('href'), success: function(data){ $(data).find('.benefitWrap').each(function(){ var $benefitWrap = $(this).html(); $('.benefitWrap').replaceWith($('
' + $benefitWrap + '
')); }); } }); 

更新

经过进一步审核，我相信你的问题是find() 。 在这种情况下，您应该使用filter() 。

 success: function(data) { $(data).filter('.benefitWrap').each(function() { // This should accomplish the same thing a bit more cleanly. $('.benefitWrap').html(this.innerHTML); }); } 

这可以进一步重构为：

 success: function(data) { $('.benefitWrap').html($(data).filter('.benefitWrap').html()); } 

Answer 4

url中的哈希是IE 6和7的问题，xhr.status eror 500.解决得很好：

 function removeHash(url) { return url.replace(/#(.*)$/, ""); } $.get(removeHash(this.href),...) 

请参阅： http ： //forum.jquery.com/topic/ticket-3808-ajax-load-fails-404-if-there-is-a-hash-in-the-url

Answer 5

好吧问题似乎在这里：

 success: function(data){ alert(data); $(data).find('.benefitWrap').each(function(){ alert(data); var $benefitWrap = $(this).html(); $('.benefitWrap').replaceWith($('
' + $benefitWrap + '
')); }); 

第二个警报从未出现，但第一个警报出现。 我讨厌IE！