2012-04-14 93 views
1

我爲家庭項目構建了一個小型登錄系統,因此,當用戶進行登錄時,他將重定向到userspage.php。在頁面中,我從我的mysql表中獲取了一些數據,但問題是,我獲取的值顯示給用戶一個靠近它的按鈕,當用戶按下這些按鈕時,我需要執行一個PHP操作來增加顯示按鈕的值(例如==> myvalue = 10 | When用戶點擊按鈕:myvalue = 11)。我已經構建了這個部分,它工作得很好,但我需要增加值並更新mysql列而不刷新頁面?我知道它的可能性,但每個教程我嘗試過的網站無法使用。從MYSQL表更新值而不重新加載頁面?

謝謝!

+1

你需要爲此使用ajax。 – hkutluay 2012-04-14 21:43:01

回答

3

下面的代碼有一個按鈕,它的onclick調用updatedb.php並顯示其在div元素輸出所謂的「結果」

<html> 
<head> 
<script type="text/javascript"> 
function UpdateDb() 
{ 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("result").innerHTML=xmlhttp.responseText; 
    } 
    } 
xmlhttp.open("GET","updatedb.php",true); 
xmlhttp.send(); 
} 
</script> 


    </head> 
    <body> 

<button onclick='UpdateDb()'>Update</button> 
<p> <span id="result"></span></p> 

</body> 
</html> 

然後寫updatedb.php

<?php 
do mysql update here. 
and echo the result you want to display. 
?> 
+0

男人你是不可思議的,代碼完全適合我!非常感謝! – Mateus 2012-04-15 01:37:42

4

AJAX是你在找什麼。對於最佳的lib jQuery的是與它的$。阿賈克斯()方法http://api.jquery.com/jQuery.ajax/

+0

你知道任何教程嗎? – Mateus 2012-04-14 21:53:14

+0

只需包含jquery lib並執行onClick =「$ .ajax({url:'myscript.php?some = param&another = param'})」 – 2012-04-14 21:56:45

+0

感謝您的幫助,但Anil爲我提供了完美的代碼! – Mateus 2012-04-15 01:38:38

相關問題