Question

我有一个ajax函数，它返回一个带有一些div的html加载。

Internet Explorer喜欢在结果[i]循环中返回html注释。他们没有id，所以它抱怨“对象不支持这个属性或方法”。

如果删除评论，IE工作正常。但是，评论很有用。我不想删除它们。

Firefox一直运行良好。

有没有更好的方法来写这个？

  $.ajax({
     type: "GET",
     url: ajaxUrl,
     async: async,
     success: function(result){
        //Cycling through result DOM
        for (i=0;i<$(result).length;i++) {
           $('#'+$(result)[i].id).html($(result)[i].innerHTML);
        }
     }

修改：这是从ajax请求返回的一些简化的html。我已经关闭了所有数据，以便于调试。

<!-- this comment breaks everything -->
<div id="nav">
    <div id="nav_inner">
        <ul>
          <li class="first "><a href="http://localhost/onlinecatalogue/index.php/browse">Browse</a></li>
          <li class="nav_on"><a href="http://localhost/onlinecatalogue/index.php/search">Search</a></li>          
          <li class=""><a href="http://localhost/onlinecatalogue/index.php/contact">Contact</a></li>    


        </ul>

       <div id="simple_search">
          <form name="simpleform" action="search" method="post">
             <fieldset class="simple_search">
               <input class="simple_input grey" type="text" id="search_box" name="search_box" value="kelly"/>
               <input type="submit" class="k_button simple_button" value="Search" />
             </fieldset>
          </form>
       </div>

    </div>
</div>
<div id="ajax"><div id="search_content">
   <div id="search_container">
   </div>
   <div id="results">
   </div>
</div>
</div>

Answer 1

对于快速黑客攻击，您可以在执行任何操作之前检查result[i].id是否存在。

if(tyepof result[i].id !== 'undefined' && result[i].id !== null)
  $('#'+$(result)[i].id).html($(result)[i].innerHTML);

但是如果你只是给这些结果一个父元素来锁定，你可以做得更好：

$('#parent').html(result);

你可能不得不这样做，但你明白了。

如果包含在$ .ajax结果中，则更新所有div

1 个答案: