jQuery+ajax解析json数据渲染

最新推荐文章于 2021-10-18 11:05:04 发布

编程微刊

最新推荐文章于 2021-10-18 11:05:04 发布

阅读量286

点赞数

本文链接：https://blog.csdn.net/qq_38822390/article/details/90046197

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    </body>
    <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    <script>
        $.ajax({
            url: "test.json", //json文件位置
            type: "GET", //请求方式为get
            dataType: "json", //返回数据格式为json
            success: function(data) { //请求成功完成后要执行的方法 
                //each循环 使用$.each方法遍历返回的数据date
                $.each(data.first, function(i, item) {
                    var str = '<div>姓名:' + item.name + '昵称：' + item.nick + '</div>';
                    document.write(str);
                })
            }
        })
    </script>
</html>

test.json

{
    "first": [

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

编程微刊

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery+ajax解析json数据渲染

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script src="h...
复制链接

扫一扫