2013-07-07 21 views
0

我用一個簡單的單選按鈕與「是」或「否」,我希望當我點擊是一個彈出式窗口將自動顯示與此特定的消息:具體彈出與AJAX和從數據庫查詢

Are you sure you want to sell a new membership to [User’s Full Real Name from database] with the number [ number of product from database ] ?

這意味着在同一時間一個Ajax查詢將建立返回的用戶名稱和產品從數據庫的數量。

我不是很擅長JS/Ajax,任何人都可以幫助我嗎?

編輯:

我知道該怎麼做,你在郵件中寫道波紋管,什麼我不知道是如何自動運行彈出窗口時,我選擇「是」單選按鈕?

+0

爲了從數據庫中查找用戶名和產品ID,您需要一些標識符來啓動。已經可以在頁面上使用數據庫查詢嗎?也許你可以分享頁面中的代碼? –

+0

我可以通過GET方法獲得已經通過URL連接的用戶的Id,我將使用它從數據庫獲取數據! –

+0

在這種情況下,當您最初加載頁面時(使用PHP或任何腳本引擎),您也可以查找用戶名和產品ID,而不是在用戶單擊單選按鈕時。這比ajax調用更可靠和更容易。 –

回答

0

要使用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調用,但代碼有點混亂

+0

你能看到我的編輯在我的第一封郵件謝謝... –

+0

添加到我的答案。 –

+0

爲您提供幫助 –