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

Question

我只是想为我的网站制作一个有效的联系表格，当有人想要完成设计工作时，它会将表格的信息发送到我的电子邮件。

我以前从未制作过可用于发送电子邮件的联系表，但我发现本教程似乎很简单。http://www.developphp.com/video/JavaScript/Contact-Form-Web-Application-Tutorial-Ajax-HTML5-PHP

contact.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&nbsp;=&nbsp;'Please&nbsp;wait...';将其更改为以下内容并尝试：_("status").innerHTML&nbsp;=&nbsp;'Please&nbsp;wait...';