javascript - jquery .load() 和 IE

Question

使用 FF、Safary 和 Chrome 测试了以下代码，一切正常。但对于 IE...则不然当单击按钮“viewEditButID”时，div“customerDetailsDivClass”被隐藏。当再次点击时，div 会收割，但在关闭之前，它会下载数据并显示。

$(document).ready( function() {
$('#viewEditButID').click( function()
{
   if ($('div.customerDetailsDivClass').is(':visible'))
   {
     $('div.customerDetailsDivClass').toggle("slow");
   }
  else
  {
     //Will make the box visible so update the date before this is done
    $("div.customerDetailsDivClass").load("/Admin/UpdateCustomerList");
     $('div.customerDetailsDivClass').toggle("slow");
   }
});
});

html

<div class="customerDetailsDivClass">
<table id="customerTable">
  <tr><th>Customer Name</th><th>Customer Code</th><th></th></tr>
  <tr class="evenRow">
    <td>Customer 1</td>
    <td>SADFHS12345</td>
    <td class="noRightPad"><input type="submit" name="createBut" value="View/Edit"/></td>
</tr>
<tr>
  <td>Customer 2</td>
  <td>SADFHS67891</td>
  <td class="noRightPad"><input type="submit" name="createBut" value="View/Edit"/></td>
</tr>
</table>
</div>

从那里调用 servlet 并将请求重定向到 .jsp，该 .jsp 仅响应以下内容:

<table id="customerTable">
<tr>
  <th>Customer Name</th><th>Customer Code</th><th></th>
</tr>
<tr class="evenRow">
  <td>Customer 2</td>
  <td>SADFHS12345</td>
  <td class="noRightPad"><input type="submit" name="createBut" value="View/Edit"/></td>
</tr>
<tr>
  <td>Customer 2</td>
  <td>SADFHS67891</td>
  <td class="noRightPad"><input type="submit" name="createBut" value="View/Edit"/></td>
</tr>
</table>

就像我在 FF 中提到的那样，表会使用客户 2 数据进行更新，但在 IE 中，旧数据(客户 1 数据)会再次显示。

任何帮助，疑难解答的提示都会很棒!

谢谢亚历克西斯

Answer 1

设法解决这个问题...

经过一天的浪费时间和咒骂 IE 开发者之后..

我的 .jsp 文件中有一个空行“\n”，(仅)IE 将其解释为文件结尾，而不是查看 http header 中的字节数。

无论如何，我至少学会了有关 js 调试的知识

亚历克西斯