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

【问题标题】：update div with jquery on ajax call without refreshing the page在ajax调用上用jquery更新div而不刷新页面
【发布时间】：2013-04-26 02:51:19
【问题描述】：

谁能帮忙。我在更新“table”中的“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;

提前谢谢，... 克里斯

【问题讨论】：

你有什么问题？发生了什么而不是你想要的？您是否在控制台中收到任何错误？
不，没有错误@Barmar，...我只想在进行 ajax 调用时使用 class='light' 更新 div，例如/alerts/ajax_read/118 将数据库表字段设置为 1，...（最初设置为 0）此功能有效，...所有它需要使用 /alerts/ajax_load/118 成功更新 div 我在哪里有 echo $response;
它看起来应该可以工作，但它在做什么呢？ /alerts/ajax_load/118 AJAX 调用是否发生？如果你在成功函数中设置了一个警报，它会起作用吗？您在检查器的“网络”选项卡中看到它成功了吗？
您的 HTML 无效，您不能将 DIV 作为 TABLE 的子项。你也错过了结束</tr>。
/alerts/ajax_load/118 正在工作，当我在表格之外更新 div，... 在脚本开始之前的页面末尾，...你是对，...我不能在 TABLE 中将 div 作为孩子，...我还能怎么做，...？谢谢

标签： ajax jquery

【解决方案1】：

更新下一行

success: function(){

到

success: function(data){

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

【讨论】：