来自PHP的Ajax警报响应

时间:2017-03-23 18:20:42

标签: javascript php jquery ajax response

希望这里有一个简单的问题。我实际上使用了我在SO上找到的一个例子,但无法弄清楚为什么它不起作用。控制台或任何东西都没有错误。

我有一个用于将数据传递给php脚本的ajax Post函数。

它传递的数据是正确的,但每次响应都会以错误警告的形式返回。我可以确认服务器端正在获取数据并正确处理它,只是无法弄清楚为什么它永远不会返回成功响应。

这是Ajax:

    $(function () {
        $('#pseudoForm').on('click', '#submit', function (e) {
            e.preventDefault();
            $.ajax({
                type: "POST",
                url: "psu_output.php",
                data: $('#pseudoForm').serialize(),
                datatype: 'json',
                success: function (response) {
                    if(response.type == 'success') {
                        $('#messages').addClass('alert alert-success').text(response.message);
                    } else {
                        $('#messages').addClass('alert alert-danger').text(response.message);
                    }
                }
            });
            return false;
        });
    });
</script>

在我的php脚本中我使用了这个:

<?php

$success = true;

if($success == true) {
    $output = json_encode(array('type'=>'success', 'message' => 'YAY'));
} else {
    $output = json_encode(array('type'=>'error', 'message' => 'WHOOPS'));
}

die($output);
?>

3 个答案:

答案 0 :(得分:2)

问题是datatype: 'json'应为dataType: 'json'。 Javascript区分大小写。

答案 1 :(得分:1)

错误是因为您收到的返回数据为json,但内容类型是一个简单的字符串(text / html),因此您需要先JSON.parse()收到的数据,如下所示:

$(function () {
    $('#pseudoForm').on('click', '#submit', function (e) {
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: "psu_output.php",
            data: $('#pseudoForm').serialize(),
            datatype: 'json',
            success: function (response) {
            response = JSON.parse(response);
            if(response.type == 'success') {
                    $('#messages').addClass('alert alert-success').text(response.message);
            } else {
                    $('#messages').addClass('alert alert-danger').text(response.message);
                }
            }
        });
        return false;
    });
});

第二个选项是从php本身发送json头,从而无需在javascript中解析JSON。您可以使用以下代码行在回复或打印PHP SCRIPT中的任何内容之前

header('Content-Type: application/json');

然后

echo $output;

答案 2 :(得分:0)

如果您正在使用JSON响应,则需要设置标题,以便您的浏览器和JavaScript可以正确解释它:

<?php

$success = true;

if ($success == true) {
    $output = json_encode(array(
        'type' => 'success',
        'message' => 'YAY'
    ));
} else {
    $output = json_encode(array(
        'type' => 'error',
        'message' => 'WHOOPS'
    ));
}

header('Content-Type: application/json');
echo $output;