javascript - 在不刷新整个页面的情况下刷新 Div 的内容

Question

我的页面中有大约 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" >

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

Answer 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/