微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ajax判断json返回值

AJAX是一种前端Web开发技术,可以通过异步请求与服务器交换数据,不需要重新加载整个页面。其中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,也是前端开发中常用的一种数据格式。在使用AJAX与服务器进行数据交互时,我们通常需要判断JSON返回值,以便根据返回值做出相应操作。

var xhr = new XMLHttpRequest(); //创建XMLHttpRequest对象
xhr.open('POST','/api/login',true); //设置请求方式、URL及异步请求标识
xhr.setRequestHeader('Content-Type','application/json'); //设置请求头
xhr.onreadystatechange = function() { //监听状态变化
  if (xhr.readyState === XMLHttpRequest.DONE) { //请求已完成
    if (xhr.status === 200) { //服务器返回200表示请求成功
      var res = JSON.parse(xhr.responseText); //将返回的JSON转换为对象
      if (res.code === 0) { //假设code为0表示登录成功
        console.log('登录成功'); //打印登录成功
      } else { //code不为0表示登录失败
        console.log('登录失败:' + res.msg); //打印登录失败及失败原因
      }
    } else { //服务器返回非200表示请求失败
      console.log('请求失败:' + xhr.status); //打印请求失败及状态码
    }
  }
}
xhr.send(JSON.stringify({ //发送JSON数据
  username: 'admin',password: '123456'
}));

ajax判断json返回值

上述代码中,我们使用XMLHttpRequest对象发起了一个POST请求,向服务器请求登录验证。在响应状态变化时,我们通过判断返回状态码和解析JSON返回值,来判断登录请求的执行结果。如果code为0,表示登录成功,否则表示登录失败,我们可以根据返回值执行相应的操作。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐