刷新 Div 的内容而不刷新整个页面答案

【问题标题】：Refreshing contents of a Div without refreshing the entire page刷新 Div 的内容而不刷新整个页面
【发布时间】：2015-06-18 14:45:54
【问题描述】：

我的页面中有大约 90 个分区，可以通过下一个和上一个按钮进行导航。

现在这些部门有文本框，可以在页面刷新时从数据库中检索表值。

这种刷新的问题是，如果我在第 67 分区并且页面重新加载，它会回到第一个分区。我希望如果我在任何 div 中按下一个按钮，该 div 只会用数据库中的新表值刷新。

我遇到过几个代码，但都没有实时刷新 div，例如，如果我保存两个文本框值，它将显示当时的文本框值。如果我去 phpmyadmin 并删除其中一行，回到文本框并按下刷新按钮，它应该只用新数据更新文本框值，在这种情况下，应该只存在第一行

$result = mysql_query("SELECT * FROM du_contacts where DU_no=$du_no");
$row = mysql_fetch_array($result);

<td><input type="Text" name="DU"  maxlength="25" value="<?php echo $row[1]; ?>" id="DU_contact_name_0" >

这就是我将数据检索到文本框中的方式。我想要的只是当我按下按钮时，文本框中的数据应更改为表中的最新数据。

【问题讨论】：

不要使用 load 因为它被 jQuery 官方弃用而不是这个超时函数
@Ankit 这是我在搜索我的问题时遇到的代码，我只是将它粘贴在这里以便我可以显示我遇到的代码，你试图帮助会更好而不是你只是指出错误

标签： javascript php jquery html css

【解决方案1】：

使用 ajax 调用或加载使该 div 内容刷新其数据

$("#id").load('content.html');

或

$.ajax({
        type:"GET",
        url:"your_url",
        data: qS,
        datatype: 'html',
        success: function(data){
           $("#div").html(data);
        }
    }).done(function() {
        alert('done')
    });

试试这个： https://stackoverflow.com/a/22577506/2498251

一个例子：

http://jsfiddle.net/pX5kr/

【讨论】：

正如我所说我有大约 90 个部门，每次我刷新它都会刷新到第一个 DIV，有没有办法让它留在当前的 div 中？
那个url是我的div所在的页面吗？因为它不起作用，它会刷新回第一个 div，我希望它保持原位并更新其数据

【解决方案2】：

你可以在每个 div 内有一个链接来刷新特定的 div 例如，假设它看起来像这样：

<div id="firstDiv"><a href="javascript:void(0)">Refresh</a></div>

$( document ).ready(function() {

    $('a').on('click', function(e){
        e.preventDefault();
        var which_div = $(this).parent().attr('id');
//do refresh to that specific div
    });

});

【讨论】：

是的，我确实想要那个，每个 div 内的链接或按钮来手动刷新它..我理解这个语句 "$(this).parent().attr('id'); "标识了 div，但你能给我确切的刷新语句吗？
在获得特定 div 的 id 后，您将进行我在第一个答案中提到的 ajax 调用，并在成功功能上更新您想要的 div：$("#div").html （数据）；