AJAX表单不与PHP回调交互

AJAX表单不与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

我有一个提交按钮。单击它,我试图从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
        {
            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;;