php echo 返回失败给 jQuery

Question

下面是将表单数据传递到 php 文件的 jQuery 代码。我正在使用一个非常简单的文件来测试这一点。 jQuery 代码返回成功和失败消息，但触发的是失败消息。看起来问题出在php文件中，或者出在数据编码中。

这是 php 文件 echo_test.php:

<?php
  $str = "Hello world!";
  echo $str;
?>

这是将 html 表单数据发送到 php 文件的 jQuery 代码:

<form>
  <!-- form fields omitted for brevity -->
  <div class="btn_div">
    <button href="google.com" class="btn_joinnow" id="btn_submit"   style="color:rgb(255,255,255)">Click to submit data</button>
  </div>
</form>

$("#btn_submit").on("click", function(event) {
  event.preventDefault();
  var datastring = JSON.stringify({
    title: 'foo',
    body: 'bar',
    userId: 1
  });
  console.log("Okay, I'm starting");

  return $.ajax({
    type: "POST",
    url: "echo_test.php",
    data: { post: datastring },
    success: function (response) {
      console.log(response);
    },
    error: function (error) {
      console.log("Okay, I failed" + error);
    }
  });
});

(数据[ title: 'foo', body: 'bar', userId: 1 ] 只是占位符。)

开发控制台报告:好吧，我失败了[object Object]，所以它不起作用。

开发控制台还显示:

XML Parsing Error: no root element found Location: (file location) Line Number 4, Column 1:

是 jQuery 还是 PHP 的问题？

感谢您的任何想法。

Answer 1

您需要一个 HTTP 服务器来处理 PHP 代码并响应 HTTP 请求。由于某种原因，您的 ajax 请求无法正确得到响应。原因是 url: "echo_test.php" 这是可能带有 url 的文件。您必须将该文件放入可访问的 URL(可能是您的本地计算机)并请求它。有快速解决方案，例如 XAMPP适用于 Windows、Linux 或 Mac，可快速安装带有 PHP 模块的 HTTP 服务器以及数据库管理系统，以提供即用型环境。