要使用ajax,首先需要創建一個服務器端函數來執行所需的操作。例如,一個php腳本需要一個用戶標識並返回用戶的全名。假設您創建該腳本並將其稱爲「username.php」。
在您的頁面上,您將使用javascript函數,例如jquery .ajax函數向username.php發送異步請求。該函數調用將是這個樣子:
function lookupUsername(){
$.ajax({
type: "POST",
url: "username.php",
data: { ID: $("#userID").val() }
}).done(function(msg) {
alert("Username: " + msg);
});
}
在上面的例子中,我假設用戶ID某處嵌入網頁上的元素與ID="userID"
。術語$("#userID").val()
是一個jQuery函數,用於查找名爲「userID」的HTML元素的值。
接下來,當單擊yes單選按鈕時,您需要調用查找函數。因此,像:
<input type="radio" name="foo" id="foo" value="yes" onclick="lookupUsername()" />
注意使用jQuery框架(在阿賈克斯()函數和$()選擇功能,你需要包括你的頁面上的jQuery框架:
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
完全可以在沒有jQuery的情況下執行ajax調用,但代碼有點混亂
爲了從數據庫中查找用戶名和產品ID,您需要一些標識符來啓動。已經可以在頁面上使用數據庫查詢嗎?也許你可以分享頁面中的代碼? –
我可以通過GET方法獲得已經通過URL連接的用戶的Id,我將使用它從數據庫獲取數據! –
在這種情況下,當您最初加載頁面時(使用PHP或任何腳本引擎),您也可以查找用戶名和產品ID,而不是在用戶單擊單選按鈕時。這比ajax調用更可靠和更容易。 –