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' }));
上述代码中,我们使用XMLHttpRequest对象发起了一个POST请求,向服务器请求登录验证。在响应状态变化时,我们通过判断返回状态码和解析JSON返回值,来判断登录请求的执行结果。如果code为0,表示登录成功,否则表示登录失败,我们可以根据返回值执行相应的操作。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。