AJAX表单不与PHP回调交互
我有一个提交按钮。单击它,我试图从php回调文件返回响应。但我没有得到任何回应。单击submit,我会得到以下urlAJAX表单不与PHP回调交互,php,javascript,ajax,Php,Javascript,Ajax,我有一个提交按钮。单击它,我试图从php回调文件返回响应。但我没有得到任何回应。单击submit,我会得到以下url http://localhost/folder/new.php?submit=Submit+Query 名为new.PHP的PHP文件 <script language="javascript" type="text/javascript"> function callme() { var req; try
http://localhost/folder/new.php?submit=Submit+Query
名为new.PHP的PHP文件
<script language="javascript" type="text/javascript">
function callme()
{
var req;
try
{
req = new XMLHttpRequest();
}catch (e)
{
try
{
req = new ActiveXObject("Msxml2.XMLHTTP");
}catch (e)
{
try
{
req = new ActiveXObject("Microsoft.XMLHTTP");
}catch (e)
{
alert("Your browser broke!");
return false;
}
}
}
req.onreadystatechange=function(){
if(req.readyState==4)
{
document.getElementById("display_area").innerHTML=req.responseText;;
}
}
req.open("GET","phpcall.php",true);
req.send();
}
</script>
<?php
echo "returning from phpcall.php";
?>
这里可能有什么错误??url更改为的原因是什么
http://localhost/folder/new.php?submit=Submit+Query
在表单部件中添加-
<form name='myForm'>
Max Age: <input type='text' id='age' /> <br />
Max WPM: <input type='text' id='wpm' />
<br />
Sex: <select id='sex'>
<option value="m">m</option>
<option value="f">f</option>
</select>
<input type='button' onclick='ajaxFunction()'
value='Query MySQL'/>
</form>
<div id='ajaxDiv'>Your result will display here</div>
最大年龄:
最大每分钟:
性别:
M
F
您的结果将显示在这里
像
一样更改按钮type=“button”
。保留type=“submit”
将提交表单,因此页面将刷新当您使用提交按钮和表单时,onclick处理程序必须返回false,或调用默认方法。如果没有,您的表单将在XMLHttpRequest完成之前提交。这将是我向Niloy Saha…Thankshow提出的关于使用onsubmit的下一个问题??这是否也需要类似的返回false?当您使用任何处理程序附加到事件时,浏览器将首先运行您的事件处理程序代码,然后,如果您的代码返回true,或者什么都不返回(因此不会返回false),浏览器会认为,您没有处理该事件,因此,如果它有另一个处理程序,则会运行它,如果没有,则会使用默认功能运行默认处理程序。在这种情况下,以及当您使用onsubmit附加到submit时,如果您不返回false或不调用preventDefault,则浏览器中的默认事件处理程序将提交您的表单。不要his用于表单验证。验证程序可以附加到onsubmit,当表单提交时,它可以检查字段,如果在表单中发现错误,则返回false,表单将不提交,否则返回true,表单将提交。
应该是
和document.getElementById(“显示区域”).innerHTML=req.responseText;
应该是document.getElementById(“ajaxDiv”).innerHTML=req.responseText;;