希望这里有一个简单的问题。我实际上使用了我在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);
?>
答案 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;