2012-04-14 8 views
1

私はホームプロジェクトのために小さなログインシステムを構築しました。ユーザーがログインすると、彼はuserspage.phpにリダイレクトされます。私のmysqlテーブルからいくつかのデータが得られますが、問題は、私が取得した値は、ユーザーがボタンを押すと表示されます。ユーザーがボタンを押すと、ボタンを使って表示されている値を増加させるPHPアクションを実行する必要があります(例:==> myvalue = 10 | Whenユーザーはボタンをクリックします:myvalue = 11)。私はすでにこの部分をビルドしていますが、完全に動作していますが、値を大きくして、ページを更新せずにmysql列を更新する必要があります。試したウェブはうまくいきません。ページをリロードせずにMYSQLテーブルから値を更新しますか?

ありがとうございます。

+1

これにはajaxを使用する必要があります。 – hkutluay

答えて

3

次のコードでjQueryが呼び出しが続い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> 

と呼ばれる示しonclickのボタンを持っていupdatedb.php

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

あなたは信じられないよ、コードは完璧に私のために働く!とても多くの感謝! – Mateus

4

あなたが探しているのはAJAXです。そのための最善のlibには、これだけです$アヤックス()メソッドhttp://api.jquery.com/jQuery.ajax/

+0

チュートリアルは知っていますか? – Mateus

+0

にはjqueryのlibを含めて、単にonClick = "$。ajax({url: 'myscript.php?some = param&another = param'})" –

+0

助けてくれてありがとうございます。 – Mateus

関連する問題