在 js 脚本末尾调用 php 脚本答案

【问题标题】：Calling a php script at the end of a js script在 js 脚本末尾调用 php 脚本
【发布时间】：2012-05-13 20:16:58
【问题描述】：

我想知道如何从 javascript 调用 php 脚本，我知道你打算使用 AJAX，但我就是无法让它工作。

我有一个 html 格式的联系我表单，并且 onClick 会激活一个 javascript 脚本，该脚本会验证输入到不同字段中的值。

如果所有内容都有效，我希望它调用一个名为 mail.php 的 php 脚本，该脚本会发送一封电子邮件。

html、javascript 和 php 脚本都可以工作，只是这一点我不确定。

表格：

    <form name="mail" id="mail" method="post">
        <textarea class="message" name="message" id="message">Input message to send here.</textarea>
          <div class ="type">
          <h2>Contact</h2><br /><br />
          <h3>Name</h3><br />
          <h3>Email</h3><br />
          <h3>Subject</h3><br />
          <div class="text-boxes">
             <input type="text" class="input-text" name="name" id="name"/><br /><br />
             <input type="text" class="input-text" name="email" id="email"/><br /><br />
             <input type="text" class="input-text" name="subject" id="subject"/><br /><br />
          </div>
          <div class="submit">
             <input type="image" src="images/submit.gif" alt="Submit button" onClick="validate(this.form)"/>
          </div>
     </form>

提交时，表单调用 js 脚本。

谢谢。

【问题讨论】：

Derek 可能是对的，请阅读教程：PHP Forms 了解它。
php 工作正常，它调用了我遇到问题的脚本，因为表单调用了 javascript，并且不知道从那里去哪里。

标签： php javascript ajax

【解决方案1】：

您应该submit 表单。（或使用 JavaScript 验证表单然后提交）

<form id="email_form">
    <input name="name">
    <input type="submit" id="submit_btn">
</form>

然后mail.php会得到信息，你可以在那里为所欲为。

添加

在 JavaScript 中提交form：

document.querySelector("#submit_btn").addEventListener("click",function(e){
    var form = document.querySelector("#email_form");  //Select the form
    form.submit();                            //Submit it (very self-explanatory)
    e.preventDefault();
},false);

【讨论】：

这就是我想要的，首先由 javascript 验证它。运行 javascript 后如何提交？

【解决方案2】：

您的表单标签缺少 action 属性：

<form name="mail" id="mail" method="post" action="mail.php">

没有它，表单将无法提交到任何地方！

请注意，mail.php 应与您的 html 文件位于同一文件夹中。

此外，要使用 JavaScript 提交，在验证所有字段后，您可以：

document.forms["mail"].submit();

注意：

如果您发布您的 javascript 和 PHP，可以提供更好的帮助！

【讨论】：