Ajax 调用返回状态为 200 且状态文本为 OK 的错误


Ajax call returns error with status 200 and statustext OK

我正在处理一个表单,用户在其中发送图像和评论。无论发生什么情况,ajax 调用都会直接导致错误(即使文件和注释已成功上传并写入数据库)。

尝试记录有关错误的反馈,这就是我收到的:

Object {readyState: 4, responseText: "<pre class='xdebug-var-dump' dir='ltr'>↵<b>array</…DstagramPost succesfully made.{"check":"success"}", status: 200, statusText: "OK"}

这是我的 ajax 调用:

<script type="text/javascript"> 
$(document).ready(function(){
    $("#postSubmit").on("click", function(e){
        $.ajax({
            url: "ajax/postUpload.php", 
            type: "POST",             
            data: new FormData($("#postForm")[0]),
            dataType: 'json',
            contentType: false,       
            cache: false,             
            processData:false,        
            success: function(data)  
            {
                console.log(data);
            },
            error: function (request, status, error) {
                console.log(request);
                alert('Something is wrong');
            }
        });
        e.preventDefault();
    });
});
</script>

还有我的PHP代码:

<?php
include_once("../classes/Post.class.php");
session_start();
$post = new Post();
var_dump($_FILES);
if(!empty($_POST)){
$file_tmp_name = $_FILES['postImage']['tmp_name'];
$post->checkIfImage();
$post->checkFileSize();
$post->checkFileFormat();
$post->checkAspectRatio();
if(!$post->checkIfImage()){
    $uploadStatus['image'] = "false";
}
if(!$post->checkFileSize()){
    $uploadStatus['size'] = "false";
}
if(!$post->checkFileFormat()){
    $uploadStatus['format'] = "false";
}
if(!$post->checkAspectRatio()){
    $uploadStatus['ratio'] = "false";
}
if($post->checkIfImage() && $post->checkFileSize() && $post-    >checkFileFormat() && $post->checkAspectRatio()){
    $result = $post->createPost($file_tmp_name);
    $uploadStatus['check'] = "success";
}else{
    $uploadStatus['check'] = "error";
}
header('Content-Type: application/json; charset=utf-8', true);
echo json_encode($uploadStatus);
}
?>

所以总结一下,如果图像通过了所有要求,如 checkIfImage(),...它被上传到一个文件夹,图像路径和描述被发布在数据库中。如果它没有通过所有要求,它就不会在那里发布。但是我每次都收到错误。

如果我删除数据类型:"json"部分,它会出错,如果我将其更改为其他任何内容,我会得到以下输出:

<pre class='xdebug-var-dump' dir='ltr'>
<b>array</b> <i>(size=1)</i>
'postImage' <font color='#888a85'>=&gt;</font> 
<b>array</b> <i>(size=5)</i>
  'name' <font color='#888a85'>=&gt;</font> <small>string</small> <font        color='#cc0000'>'passfoto.png'</font> <i>(length=12)</i>
  'type' <font color='#888a85'>=&gt;</font> <small>string</small> <font color='#cc0000'>'image/png'</font> <i>(length=9)</i>
  'tmp_name' <font color='#888a85'>=&gt;</font> <small>string</small> <font color='#cc0000'>'D:'xampp'tmp'phpDFE9.tmp'</font> <i>(length=24)</i>
  'error' <font color='#888a85'>=&gt;</font> <small>int</small> <font color='#4e9a06'>0</font>
  'size' <font color='#888a85'>=&gt;</font> <small>int</small> <font color='#4e9a06'>112825</font>
</pre>D:'xampp'htdocs'IMDstagramPost succesfully made.{"check":"success"}

我需要的部分当然是检查,因此例如,如果检查=成功,我可以清除表单,如果不是,则给出错误。

问题是因为在echo JSON 之前,您在 PHP 文件中输出了一些 HTML。您可以在 JSON response 参数中看到它:

<pre class='xdebug-var-dump' dir='ltr'>↵<b>array</…DstagramPost succesfully made.

删除该 HTML。响应文本应仅为以下 JSON 格式的字符串:

{"check":"success"}