停止使用 ajax 、 javascript 、 php 刷新答案

【问题标题】：Stop refreshing with ajax , javascript , php停止使用 ajax 、 javascript 、 php 刷新
【发布时间】：2012-04-30 12:35:39
【问题描述】：

我的代码如下所示：

<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 停止重定向，但它仍然刷新，我该如何停止它？

【问题讨论】：

该代码不应导致页面刷新。
你能更详细地解释一下 - 发生了什么吗？以及你期望发生什么？？
我在滚动后有一个按钮，当我点击它时它会像刷新一样进入顶部，帮助！，我想更改按钮的简单文本并像上面一样提交
嘿，我明白了，它正在导航到顶部，而不是刷新..帮助如何在同一个地方停止它.. plzz

标签： php javascript html ajax forms

【解决方案1】：

您可以尝试添加 return false;

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

【讨论】：

我一直在尝试许多其他帖子中建议的很多事情，但你是唯一一个有效的，谢谢。我不敢相信人们没有给你点赞！

【解决方案2】：

好吧，代码对我来说并没有刷新，但我仍然不擅长 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>

【讨论】：

我在滚动后有一个按钮，当我点击它时它会像刷新一样进入顶部，帮助！，我想更改按钮的简单文本并像上面一样提交
您使用的是哪个浏览器？？？它没有在我的浏览器中滚动到顶部，或者您有任何其他导致此问题的代码