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

时间:2015-04-13 10:10:50

标签: javascript php jquery html css

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

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

这种刷新的事情是,如果我在第67师并且页面重新加载,它会回到第一个divsion。 我希望如果我按下任何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" >

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

2 个答案:

答案 0 :(得分:2)

使用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/

答案 1 :(得分:0)

你可以在每个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
    });

});