2012-04-30 7 views
0

私のコードは次のようになります。AJAXでリフレッシュ停止は、Javascript、PHP

<html> 
<body> 

<script language="javascript" type="text/javascript"> 
function ajaxFunction(){ 
    var ajaxRequest; // The variable that makes Ajax possible! 
     ajaxRequest = new XMLHttpRequest(); 
    var age = document.getElementById('age').value; 
    var queryString = "?age=" + age; 
    ajaxRequest.open("GET", "ajax-example.php" + queryString, true); 
    ajaxRequest.send(null); 
} 
</script> 

<form name='myForm'> 
Max Age: <input type='text' id='age' /> <br /> 
<input type='button' onclick='ajaxFunction()' value='Query MySQL' /> 
</form> 
</body> 
</html> 

私はリダイレクトを停止するためのAjaxを使用しますが、それは私がそれを止めることができますどのように、まださわやかなのですか?コードは私のためにリフレッシュしませんが、それでも私はあなたがエラーコンソールをチェックしたり、あなたがそれを簡単に行うことができますjQueryのを試してみましたアヤックスとの良好ではないよまあという

+1

このコードでは、ページをリフレッシュしないでください。 – Quentin

+0

もう少し詳しく説明できますか?何が起こっていますか?あなたは何が起こると期待していますか? – ManseUK

+0

私はそれをクリックすると、スクロールした後にボタンを持っています。 、私はボタンの単純なテキストを変更したいと上記のように提出する – HRMNS

答えて

1

<script language="javascript" type="text/javascript"> 

function ajaxFunction(){ 
    var age = $("#age").val(); 
    $.get("ajax-example.php",{"age":age},function(r){ /*Do something with response*/ }); 
} 
</script> 
Max Age: <input type='text' id='age' /> <br /> 
<input type='button' onclick='ajaxFunction()' value='Query MySQL' /> 
</body> 
</html> 
+0

私はスクロールした後、それをクリックすると、爽やかなようにトップに行きます。 、私はボタンの単純なテキストを変更し、上記のように提出したい – HRMNS

+0

どのブラウザを使用していますか?私のブラウザの上にスクロールしていないか、この問題を引き起こしている他のコードがあります –

4

あなたは偽のリターンを追加してみてください可能性があり;

<input type='button' onclick='ajaxFunction();return false' value='Query MySQL' /> 
+0

私は他の多くの記事で提案されているように多くのことを試してきましたが、あなただけが働いています。私は人々があなたにアップフォートを与えていないと信じられない! –

関連する問題