使用 contentType 的 Ajax 调用：'application/json' 不起作用

Question

我有一个 ajax 调用，它将表单数据发送到一个 php 函数。因为我读了很多，使用contentType: 'application/json' 是最佳实践，所以我也想尝试一下。但不幸的是，当我使用它时，我的脚本没有返回任何内容。如果我删除它，脚本会做它应该做的事情。

您知道原因可能是什么以及为什么？谢谢！

$('#Form').submit(function(e) {
            e.preventDefault();

            var content = $(this).serialize() + "&ajax=1";

            $.ajax('app/class/controller/contactForm.php', {
              type: "POST",
              //contentType: 'application/json',
              dataType: 'json',
              data: content,
              success: function(result) {
                  console.log(result);
              }
            });
        })

还有我的 PHP：

if(isset($_POST['ajax']) && $_POST['ajax'] === '1') {
    echo json_encode(validateForm($_POST));
}

Answer 1

使用contentType: 'application/json' 时，您将无法依赖$_POST 被填充。 $_POST 仅为表单编码的内容类型填充。

因此，您需要从 PHP 原始输入中读取数据，如下所示：

$input = file_get_contents('php://input');
$object = json_decode($input);

当然，如果您想发送application/json，您实际上应该发送 JSON，但您并没有这样做。您要么需要将对象序列化直接构建为 JSON，要么需要执行类似的操作 - Convert form data to JavaScript object with jQuery - 从表单中序列化对象。

老实说，在您的情况下，由于您正在处理表单数据，我不太认为使用 application/json 的用例存在。

Answer 2

您提到的最佳实践是关于服务器脚本将 JSON 的 Content-Type 设置为“application/json”：

Header('Content-Type: application/json; charset=UTF8');

这是因为否则会发送默认的Content-Type，通常是包罗万象的text/html，这可能会导致客户不理解。

如果您不在 jQuery 请求中为自己指定一个 Content-Type，jQuery 将确定最合适的一个。这里的问题是您发送了一个POST 表单，jQuery 设置的默认Content-Type 是application/x-www-form-urlencoded，它告诉PHP 将数据解码为POST 字段并填充@987654330 @。然后，您的脚本会从 $_POST（或者可能是 $_REQUEST）恢复其参数。

通过将其更改为application/json，$_POST 将不再被填充，接收脚本操作将无法接收到预期的参数，并且操作中断。

所以你要么需要：

• 不要自己指定 Content-Type（更好，恕我直言）
• 设置内容类型为application/x-www-form-urlencoded; charset=UTF-8
• 设置Content-Type为application/json; charset=UTF-8，修改脚本解析POST流，解码JSON数据；见this answer。

第三个选项需要proper handling 或php://input。

Answer 3

PHP 脚本应该设置 Content-Type 标头。

if(isset($_POST['ajax']) && $_POST['ajax'] === '1') {
    header('Content-Type: application/json');
    echo json_encode(validateForm($_POST));
}