javascript - 带有 JSON 响应的 jQuery 帖子

Question

我有这个使用 $.post 作为 Ajax 的 jQuery 代码:

$.post(ajax_url , { upload_id: upload_id },
function (response) {
    console.log(response);
    console.log(jQuery.type(response));
}, "json");

和 php 代码:

$data = Array(
'status' => '1',
'msg' => '',
'progress' => '0.24',
'time' =>'<span class="text-white">06:51</span> left (at 21KB/sec)',
'size' => '<span class="text-white">26KB</span> / 10.91MB (0.24%)');

echo json_encode($data);
die();

它假设控制台打印 json 代码和 json 类型。
问题是没有在控制台打印任何东西，这意味着没有响应。

我将其放入 Ajax 代码中以查看错误:

.fail( function(jqXHR, textStatus, errorThrown) {
alert(textStatus)});

警报是 parsererror。

问题是什么？

更新

如果我删除了 "json"从 ajax 代码，响应打印类型 string和代码 {"status":1,"msg":"","progress":"0.15","time":"<span class=\"text-white\">11:11<\/span> left (at 10KB\/sec)","size":"<span class=\"text-white\">16KB<\/span> \/ 10.91MB (0.15%)"}

我需要json

Answer 1

Try this in another page and show in console.

<?php
if($_POST){
header('Content-type:application/json');
$data = Array(
'status' => '1',
'msg' => '',
'progress' => '0.24',
'time' =>'<span class="text-white">06:51</span> left (at 21KB/sec)',
'size' => '<span class="text-white">26KB</span> / 10.91MB (0.24%)');
echo json_encode($data);
exit();
}

?>
<input type="button" onclick="senddata()" value="send" />
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script> 
function senddata(){
    var upload_id=1
    $.post('test.php' , { upload_id: upload_id },
    function (response) {
    console.log(response.status);
    }, "json");
} 
</script>