jQuery AJAX失败

Question

我的AJAX调用也会执行并返回我想要的东西，但不会在.done中返回它。

 $(document).ready(function() {
        $("#submit").click(function(){

            var formData = $("#callAjaxForm").serialize();

            $.ajax({
                type: "POST",
                url: "JSON_MDB_UPDATE.php",
                data: formData
            })
            .done(function(data) {
                alert( "Done: " + data );
                data = $.trim(data);
                $("#notification").text(data.responseText);
            })
            .fail(function(data) {
                alert("Failed: " + data);
                console.log(data);
            })
            .always(function(data) { 
                $("#notification").text(data.responseText);
            });

            return false;
        });
    });

这是我的控制台结果：

我的PHP只是一个简单的示例echo：

<?php

header('content-type: application/json; charset=utf-8');
header("access-control-allow-origin: *");


$firstName = $_POST[firstName];
$lastName = $_POST[lastName];

echo("My First Name: " . $firstName . " Last Name: " . $lastName);
?>

Answer 1

header('content-type: application/json; charset=utf-8');

这表示您正在输出JSON，因此jQuery会尝试将其解析为JSON，如果无法解析，则会陷入错误状态。

echo("My First Name: " . $firstName . " Last Name: " . $lastName);

这不是 JSON

改为输出JSON。

echo json_encode(Array("My First Name" => $firstName, "Last Name" => $lastName));

---

或者，如果您不想要结构化数据：不要说您正在发送JSON：

header('content-type: text/plain; charset=utf-8');