为什么在WP中提交Ajax联系人表单时出现“ Post” 404错误

Question

我正在为WordPress主题构建ajax联系人表单，并且在提交表单时遇到问题； 当我确定我的网址正确无误时，控制台一直说它无法检索我的mail-form.php文件（用于格式化电子邮件）。

这是我正在使用的代码：

jQuery.ajax({
    type: "POST",
    url: "<?php echo get_template_directory_uri(); ?>/mail-form.php",
    cache: false,
    data: "name=" + name + "&email=" + email + "&message=" + message,
    success: function (html) {
        jQuery("#contact-form").slideUp("slow");
        jQuery("#contact-form").after("<p><span class='center' id='send-message'>Your message has been sent! We will reply shortly!</span></p>");
        jQuery("#send-message").fadeIn("slow");
    }
}); 

这是表格的链接... http://wordpress-dev.designer17.com/contact/

我上次使用它的时候效果很好，所以我对此感到很困惑。

Answer 1

由于您在.js文件中使用PHP（第56行）：

url: "<?php echo get_template_directory_uri(); ?>/mail-form.php",

您可以将其添加到主模板中：

var TEMPLATE_URI = "<?php echo get_template_directory_uri(); ?>";

然后在您的.js文件中使用：

url: TEMPLATE_URI + "/mail-form.php",

Answer 2

您的JavaScript，在这种情况下，$。ajax函数调用是客户端，而不是php（服务器端）进行解析。 因此，JavaScript解析器将字符串“”解释为文字字符串，因此无法解析。 要解决此简单问题，请使用相对网址或在可解析php代码的php模板中生成JavaScript。

请记住：代码始终在服务器端进行解析/渲染，然后发送回客户端的浏览器，然后客户端脚本（在您的情况下为JavaScript代码）将在浏览器中执行。

Answer 3

我认为您已将JavaScript移至.js文件，但是除非您指示HTTP服务器将javascript文件作为php处理，否则其中的任何php都是文本。

将函数移回php文件或（更好的方法）将URL作为属性传递，例如：

// PHP FILE
<form action="URLGOESHERE" id="form_id">
  ...

// JAVASCRIPT FILE
var url = $("#form_id").attr("action");
jQuery.ajax({
    type: "POST",
    url: url,
    ...