从MYSQL表更新值而不重新加载页面?

时间:2012-04-14 21:40:43

标签: php jquery mysql html ajax

我为一个家庭项目构建了一个小型登录系统,因此,当用户进行登录时,他将重定向到userspage.php。在页面中,我从我的mysql表中获取了一些数据,但是问题是,我获取的其中一个值是通过它附近的按钮显示给用户,当用户按下那些按钮我需要执行一个php动作来增加用按钮显示的值(例如==> ; myvalue = 10 |当用户点击按钮时:myvalue = 11)。我已经构建了这个部分,它运行正常,但我需要增加值并更新mysql列而不刷新页面吗?我知道它可能但我尝试过的每个网络教程都不起作用。

谢谢你提前!

2 个答案:

答案 0 :(得分:4)

AJAX是您正在寻找的。最好的库是jQuery,它是$ .ajax()方法http://api.jquery.com/jQuery.ajax/

答案 1 :(得分:3)

以下代码有一个按钮,onclick调用updatedb.php并在div元素中显示其输出名为'result'

<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.
?>