jquery 如何检查 AJAX 作为json返回的数据是否为空对象

lc8prwob  于 2022-11-22  发布在  jQuery
关注(0)|答案(3)|浏览(224)

我已经设置了这个脚本来检查电子邮件地址是否存在于数据库中:

function checkemail(){
            var e = document.getElementById("email").value;
            if(e != ""){
                document.getElementById("emailstatus").innerHTML = 'checking ...';
                $.ajax({
                    type:'get',
                    url:'{!! URL::to('checkEmailExists') !!}',
                    data:{'email':e},
                    success:function(data){
                        // console.log(data);

                        if(Object.keys(data).length === 0)
                        {
                            document.getElementById("emailstatus").style.color = "red";
                            document.getElementById("emailstatus").innerHTML = e + " is NOT OK";
                        }else{
                            document.getElementById("emailstatus").style.color = "green";
                            document.getElementById("emailstatus").innerHTML = e + " is OK";
                        }
                    },
                    error:function(){

                    }
                });
            }
        }

因此,代码运行正常,但唯一的问题来自始终返回 TRUE 的条件检查:

if(Object.keys(data).length === 0)

基本上,如果我输入的电子邮件地址在DB中不存在,则将返回dataconsole.log(data)的结果):

{}

否则,它将返回此obj:

{
    "id": 1,
    "name": "Myname",
    "email": "myemail@yahoo.com",
    "email_verified_at": null,
    "created_at": "2022-02-09T05:49:27.000000Z",
    "updated_at": "2022-02-09T05:49:27.000000Z"
}

因此,我需要正确检查返回的对象是否为空。
if(Object.keys(data).length === 0)似乎没有正确检查该条件,因为它始终为 TRUE &因此[email] is OK语句出现在第页上。
那么如何正确检查返回的对象是否为空呢?

fae0ux8s

fae0ux8s1#

你可以检查一个特定的属性,如果它不在那里,那么它将是undefined,这意味着你没有得到一个成功的响应。
undefined||组合以获得“未设置时的值”,给出:

success:function(data) {
    var success = (data.id || 0) > 0;

您可以只检查if (data.id == undefined),但在与undefined进行比较时,需要注意一些问题

uajslkp6

uajslkp62#

对象.键应该工作:

我建议您仔细检查发送给success函数的参数。

798qvoo8

798qvoo83#

请参阅以下对我有效的解决方案:

$.ajax({
        url: url,
        type: 'POST',
        data: { par1: value1, 
                par2: value2 },
        dataType: 'JSON',
        contentType: 'application/x-www-form-urlencoded; charset=utf-8',
        success: function(response) 
                 {                                     
                   if(Object.keys(response).length > 0) 
                   {
                     //there is valid returned response    
                   }
                    else
                    {
                      //no response keys returned                            
                    }
                },
                error: function (x, h, r) {
                    //deal with errors....
                }
            })

相关问题