刷新div内容或在div中打开新内容

时间:2012-07-22 15:34:53

标签: php jquery

我目前使用它来在div中打开新内容(所以我不必刷新整个页面):

file1.php

<?php
//db connection

if ($res = $mysqli->query("SELECT field FROM table")) {

    /* determine number of rows result set */
    $row = $res->num_rows;

    echo "$row";

    $res->close();
}
?>

的jquery.js

$.ajax({ 
  url: "file1.php", 
//this will run as soon as the php script echos the answer 
  success: function(result){  
$('#div1').html(result); 
} 
});

page1.php中

<div id="div1">
</div>

代码已更新

2 个答案:

答案 0 :(得分:2)

从你的评论我明白你有点困惑,所以我会尽力解释:

  1. $ .load是一个更方便的方法包装的ajax,所以你已经在不知道的情况下使用了ajax。
  2. 根据我的理解,你从DB获取结果变量,它不仅仅是某个页面中的静态数字,所以你需要的是对脚本进行ajax调用,从DB获取这个结果并将其返回给回调函数:
  3. <强> somePage.php:

    $result = ...//get data from DB
    echo $result; 
    

    <强> jquery的:

    $('#someBtn').click(function(){
    $.ajax({
          url: "somePage.php",
        //this will run as soon as the php script echos the answer
          success: function(result){ 
        $('#content').html(result);
        }
        });
    });
    

    当然,您需要在HTML中使用一个按钮:

    <input type="button" id="someBtn"/>
    

    这大致就是你如何做到的。我建议你看看jquery.ajax(),这并不难。

答案 1 :(得分:0)

<?php echo "."$result."" ?>

语法应为

<?php echo $result; ?>

@question

你偶然发现的是Ajax。您需要了解如何在页面加载后进行简单的ajax调用以刷新div内容。