带有jqueryForm的json的ajaxSubmit

Question

下面是我的ajax：

$('#MyUploadForm').submit(function () {

        $(this).ajaxSubmit({
            beforeSubmit: beforeSubmit
            ,dataType: 'json'
            ,uploadProgress: OnProgress
            ,resetForm: true
            ,success: function(data) {
                console.log(data)
                if(data.error) {
                    $("#output").css('color', 'red');
                }
                else {
                    $("#output").css('color', 'green');
                }
                $("#output").html(data.msg);
                $('#submit-btn').show(); //hide submit button
                $('#loading-img').hide(); //hide submit button
                $('#progressbox').delay(10000).fadeOut(); //hide progress bar
            }
            ,error: function(xhr){
                console.log(xhr);
            }
        });
        return false;

    });

下面是我的html：

<form action="ss.php" method="post" enctype="multipart/form-data" id="MyUploadForm">
            <input name="FileInput" id="FileInput" type="file"/>
            <input name="f-name" id="f-name" type="hidden"/>
            <input type="submit" id="submit-btn" value="Upload"/>

        </form>

php：

return json_encode(array(
    'error'=> true
,'msg' => 'Invalid request!'
));

我收到了错误的回电。我在错误回调函数的console.log中得到了这个：

Object { readyState=4, status=200, statusText="OK", more...}

可能是我遗漏了什么，找不到了。为什么它没有进入成功回调函数。

感谢您的帮助

Answer 1

正如@marian0评论和@bansi解释的那样，它是有效的。

已更改：

return json_encode(array(
    'error'=> true
,'msg' => 'Invalid request!'
));

至：

echo json_encode(array(
    'error'=> true
,'msg' => 'Invalid request!'
));

return不是将响应返回给浏览器。