javascript - javascript不能处理从ajax返回的数据

Question

我有一个在 div（第一类）元素上运行的 JavaScript abc.js。该脚本在 html 代码中位于 div 元素内的元素上运行良好，但它不适用于从附加到 id=tow 元素的成功 ajax 调用返回的数据。

这是代码；

HTML

<script type="text/javascript" src="abc.js"></script>
<div class="one">
    <ul id="tow">
        <li>
            <a href="images.jpg">
                  <img src="images/a1.jpg"/>
                  <span>
                  <div class="title"><img src="Images/a2.jpg" /></div>
                  </span>
            </a>
        </li>
</div>

JavaScript

$(document).ready(function () {
    $('#search').click(function () {
        if (cid != 0) {
            $.ajax({
                type: "POST",
                url: 'ajax.php',
                data: {
                    aid: aid,
                    cid: cid,
                    sid: sid
                },
                success: function (data) {
                 $("#tow").html(data);
                }
            });
        }
    });
});

成功ajax返回的数据是：

<li> <a href="images3.jpg"><img src="images/a4.jpg"/>
         <span>
          <div class="title"><img src="Images/a5.jpg" /></div>
         </span>
      </a>
</li>

Answer 1

success: function(jqXHR)
    {     
       $("#tow").html(jqXHR.responseText);                        
    }

jQuery ajax 返回一个jqXHR 对象。您感兴趣的是它的 responseText 属性。