从 jQuery 读取只有一个对象的 JSON 数组的值

Read from jQuery the value of a JSON array that only has an object

本文关键字:JSON 数组 一个对象 jQuery 读取      更新时间:2023-09-26

我有一个jQuery和一个PHP文件。如果在 PHP 中该过程正确完成,则返回 2(通过回显 json_encode(2))。我在jQuery文件中捕获了它,并在HTMdiv上显示了一个字符串。我可以毫无问题地完成这部分。

对我来说困难的事情是将 erorr 返回到 ajax,当它发生时,显示在 HTMLdiv 上。我想返回一个 JSON 数组 {"error": "xxx"},其中"xxx"是 php 生成的错误。

所以问题是我无法获得"错误"键的值来显示它。我在网站上读了很多类似的主题,但它们是关于读取多个对象的值。

j查询文件:

$('#log').submit(function(event) {
        event.preventDefault(); 
        var stuff = $(this).serializeArray(); 
        stuff.push({name:'tag', value:'login'});
    $.ajax({
        url: './php/logreg.php', //Como si fuera el action del form
        type: 'post', //Por defecto es get 
        dataType: 'json',
        data: stuff,
        beforeSend: function(){
            $('#span-login-icon').css('display','inline');
        }
    })
    .done(function(data){
        if(data == 2){
            $('#span-login-resp').html('Correcto');
        }
        else{
            $('#span-login-resp').html(data);
        }
    });
});

PHP文件:

if($object->queError()  === ''){
    echo json_encode(2);
}
else{
    echo json_encode('{"error"'.':"'.$object->queError().'"'.'}'); //output: {"error":"xxx..."}
}

返回错误的代码正在对字符串调用json_encode,这可能不是您想要的,因为您最终将返回 JSON 字符串文本,而不是其中文本定义的对象。

也就是说,您当前正在返回此 JSON:

"{'"error'":'"something went wrong'"}"

您可能希望返回此 JSON 的位置:

{"error":"something went wrong"}

您可能希望:

else {
    echo json_encode(array(
        'error' => $object->queError()
    ));
}

(手动构建 JSON 字符串几乎总是不是您的最佳选择。

然后在您的ajax回调中

.done(function(data) {
    if (data == 2){
        $('#span-login-resp').html('Correcto');
    }
    else {
        $('#span-login-resp').html(data.error);
        //                             ^^^^^^---------------- Note
    }
});

或者可能:

.done(function(data) {
    if (data && data.error){
        $('#span-login-resp').html(data.error);
    }
    else if (data == 2) {
        $('#span-login-resp').html('Correcto');
    }
    else {
        $('#span-login-resp').html('Ocurrió un error inesperado');
    }
});

或者,为了与成功返回的样式保持一致(只是数字 2),您可以只返回一个字符串:

echo json_encode('error: ' . $object->queError());

然后

.done(function(data) {
    if (data == 2){
        $('#span-login-resp').html('Correcto');
    }
    else {
        $('#span-login-resp').html(data);
    }
});

FWIW,即使不再需要它,我也可能会返回一个带有 error 属性(包含错误)或 result 属性(包含 2)的对象。

试试这个:

PHP最后一行:

echo json_encode( array("error" => $object->queError()) );

JS最后一行:

$('#span-login-resp').html(data.error);