2013-02-07 31 views
-1

我有一個9頁不同div的php頁面,這些div在每次從mysql數據庫重新載入後更新。我希望自動完成整頁刷新。可能嗎?我知道這可以通過Ajax完成,但我不明白我是如何做到的。任何人都可以讓我知道這個好教程嗎?使用Ajax刷新PHP頁面中的所有div

+3

你知道http://google.com嗎?如果您知道,請將您的問題的標題輸入谷歌搜索字段 – hek2mgl

+1

@ hek2mgl,爲什麼不給他提供鏈接? – Techie

+2

給一個男人一條魚,他會吃一天,... :) – hek2mgl

回答

1

有一個簡單而有效的方式使用jQuery來做到這一點:

概述: 在你指揮你的Ajax調用,有它查詢數據庫和回聲出更新的HTML要內更換腳本在div標籤,然後它是那麼簡單的成功PARAM內部匿名函數返回的HTML替換DIV HTML:

你的Ajax調用在JavaScript中的「AJA文件

//wrap up your data in a GET style string seperated by ampersands (&) 
var dataString = foo=1234&bar=12345 

$.ajax({ 
    type: "POST", 
    url: ajax.php, 
    data: dataString, 
    success: function(html) { 
    $("#refresh_div").html(html); 
}, 
    dataType: dataType 
}); 

然後x.php」你訪問你剛纔通過全局變量$ _POST

$foo = $_POST['foo']; 
$bar = $_POST['bar'] 

$mysqli= new mysqli($params); 
$stmt = $mysqli->prepare("SELECT * FROM myTable WHERE id=?"); 
$stmt->bind_param('i',$foo); 
$stmt->execute(); 
$stmt->bind_result($result); 
$stmt->fetch(); 
$stmt->close(); 

echo $result 

所有的text/html是呼應了將被傳遞迴阿賈克斯成功PARAM作爲HTML變種發送到PHP腳本變量然後你可以用jquery替換div的內容。

希望這有助於。

1

您有2個選擇,usinj AJAX或使用JavaScript,並通過xmlhttprequest獲取數據,無需重新加載頁面。對於初學AJAX去這個鏈接:

http://www.w3schools.com/ajax/default.asp

或看一下這篇文章,瞭解通過XMLHttpRequest的獲取數據

http://www.w3schools.com/dom/dom_http.asp

有幾個例子來獲取數據&可以幫助您,2〜10小時後可以改進示例並做你想做的事情。