2012-04-30 112 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來阻止重定向,但它仍然是清新的,我怎麼能阻止它?

+1

該代碼不應導致頁面刷新。 – Quentin

+0

你能否詳細解釋一下 - 發生了什麼?和你期望會發生什麼? – ManseUK

+0

我在滾動後有一個按鈕,當我點擊它時,它會像刷新一樣頂部,幫助! ,我想改變按鈕的簡單文本,並提交像上面 – HRMNS

回答

1

嗯,這代碼不清爽,我卻依然我不擅長使用Ajax你檢查錯誤控制檯或嘗試jQuery的你可以用它輕鬆地做到這一點

<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

我一直在嘗試許多事情建議在許多其他職位,但你是唯一一個工作,謝謝。我不相信人們不會給你提供讚揚! –