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，表示登录成功，否则表示登录失败，我们可以根据返回值执行相应的操作。

ajax判断json返回值

相关文章