我只是想為我的網(wǎng)站制作一個有效的聯(lián)系表格,當(dāng)有人想要完成設(shè)計工作時,它會將表格的信息發(fā)送到我的電子郵件。我以前從未制作過可用于發(fā)送電子郵件的聯(lián)系表,但我發(fā)現(xiàn)本教程似乎很簡單。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>我期望在單擊發(fā)送消息后會輸出“請稍候...”,并且 Javascript 和 PHP 將運(yùn)行。該頁面似乎只是重新加載。我能看到的唯一變化是地址欄中顯示的不是http://fractureddesigns.space/contact.html而是http://fractureddesigns.space/contact.html?
聯(lián)系表單不起作用,使用 AJAX、PHP 和 HTML5
繁華開滿天機(jī)
2021-11-26 17:57:51