联系表单不起作用，使用 AJAX、PHP 和 HTML5

Question

我只是想为我的网站制作一个有效的联系表格，当有人想要完成设计工作时，它会将表格的信息发送到我的电子邮件。我以前从未制作过可用于发送电子邮件的联系表，但我发现本教程似乎很简单。http://www.developphp.com/video/JavaScript/Contact-Form-Web-Application-Tutorial-Ajax-HTML5-PHPcontact.html（Javascript 代码）<script>        function _(id) { return document.getElementById(id); }        function submitForm() {            _("sBtn").disabled = true;            _("satus").innerHTML = 'Please wait...';            var formdata = new FormData();            formdata.append("c", _("c").value );            formdata.append("r", _("r").value );            formdata.append("n", _("n").value );            formdata.append("e", _("e").value );            formdata.append("b", _("b").value );            formdata.append("m", _("m").value );            var ajax = new XMLHttpRequest();            ajax.open( "POST", "example_parser.php");            ajax.onreadystatechange = function() {                if(ajax.readyState == 4 && ajax.status == 200) {                    if(ajax.responseText == "sucess") {                        _("formContain").innerHTML = '<h2>Thank you '+_("n").value+', our carrier pigeons are in route with your message!</h2>';                    } else {                        _("status").innerHTML = ajax.responseText;                        _("sBtn").disabled = false;                    }                }            }            ajax.send( formdata );        }    </script>我期望在单击发送消息后会输出“请稍候...”，并且 Javascript 和 PHP 将运行。该页面似乎只是重新加载。我能看到的唯一变化是地址栏中显示的不是http://fractureddesigns.space/contact.html而是http://fractureddesigns.space/contact.html？

Answer 1

下面一行有错字，导致错误：

_("satus").innerHTML = 'Please wait...';

将其更改为以下内容并尝试：

_("status").innerHTML = 'Please wait...';