Question

任何人都可以帮忙。我在更新“tr with_id”时更新“table”中的“div”有问题。但是，当我运行测试和在表格外面没有“id”的地方，我的脚本运行greate，我正在获得服务器“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){

并将“data”变量值设置为相应的“div”或您想要的其他位置。

在ajax调用上使用jquery更新div而不刷新页面

1 个答案: