在不刷新页面的情况下使用jquery对ajax调用更新div

Question

谁能帮忙。 我在更新“表”内部的“ div”以更新“ tr with_id”时遇到问题。 但是，当我运行测试并将不带“ _id”的表放置在表外时，我的脚本运行得很好，并且我正在获取服务器“ TEST”响应

<table style="border: none; border-bottom: 1px solid #2F2E2F;">
    <tr>
    <th colspan="4">Notifications</th>
    </tr>

  <div id="update_118">
  <tr class="read_118">
  </div>

<td>... </td>
<td><a href="http://www.hamayk.com/photos/show/156"> Comment on your Photo </a></td>
<td>today 21:43</td>
<td>... </td>

</tr>
</table>

现在，我想在鼠标悬停成功时更新此“ div”：未刷新页面的function（）的值更改为class =“ light”，以使其无法调用ajax url：“ / alerts / ajax_read / 118”，并且鼠标悬停在上面时。

<div id="update_118">
<tr class="light">
</div>

这是我的剧本，...

<script>     
$(document).ready(function(){

    $('.read_118').on('mouseover', function(){

         var id = $(this).attr("id")
         var data = 'id=' + id ;

            $.ajax({
            type: "GET",
            url: "/alerts/ajax_read/118",
            data: data,                    
            cache: false,     

    success: function(){    
 $('#update_118').fadeOut('slow').load('/alerts/ajax_load/118').fadeIn("slow");
 return false;

            }
        });
    });
}); 
</script>

这是我的服务器响应文件：

  $response = " <tr class='light'> ";
         echo $response; 

预先感谢...克里斯

Answer 1

更新以下行

success: function(){

至

success: function(data){    

并将“数据”变量值设置为您各自的“ div”或您想要的其他位置。