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

ajax请求数据返回json字符串

现在的Web网页开发中无论是前端还是后端都离不开使用ajax请求数据,ajax是一种异步的JavaScript和XML技术。他通过XMLHttpRequest对象向服务器请求数据,然后将返回的数据加载到当前页面,而在实现过程中,常用的返回数据格式就是json字符串。

//下面是一段获取一个json数据的示例
var xhr = new XMLHttpRequest();
xhr.open('GET','/data.json',true);
xhr.onreadystatechange = function () {
    if (xhr.readyState === XMLHttpRequest.DONE) {
        if (xhr.status === 200) {
            var data = JSON.parse(xhr.responseText);
            console.log(data);
        } else {
            console.log('请求失败!');
        }
    }
};
xhr.send();

ajax请求数据返回json字符串

上面的代码中,我们通过XMLHttpRequest对象发送一个GET请求,同时将异步请求设为true,然后我们在xhr的onreadystatechange函数中判断状态是否为200,如果是200则说明请求成功,将返回的数据转化成JavaScript对象并输出到控制台。而如果返回的状态不是200,则说明请求失败。

使用ajax请求数据并返回json数据格式已经成为Web开发中的一种必要技能,无论是前端工程师还是后端工程师都要掌握。

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

相关推荐