使用ajax异步请求数据，并展示在html中

最新推荐文章于 2024-04-01 01:35:54 发布

刘斩仙的笔记本

最新推荐文章于 2024-04-01 01:35:54 发布

阅读量5.3k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_25252769/article/details/75911510

版权

javascript 专栏收录该内容

21 篇文章 5 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<script src="jquery-1.11.3.js" type="text/javascript"></script>
<style> 

.fu{
    width:400px;
    height:400px;
    background-color:#f99;  
}

</style>
<script>
            $.get("http://datainfo.duapp.com/shopdata/getclass.php",function(data){

            var _data=JSON.parse(data);
            //console.log(data)

            //jquery的each方法实现
            var _str="";
            $.each(_data,function(i,e){
                _str+='<li>'+e.className+'</li>'
                //console.log(i,_str)
            })
            $('.fu').append(_str)

           //for循环实现
           var str="";
           for(var i=0;i<_data.length;i++){
                str+='<li>'+_data[i].className+'</li>'
               //console.log(i,str)
           }
          $('.fu').append(str)
       })

})
</script>
</head>
<body>
    <div class='fu'></div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

刘斩仙的笔记本

关注关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
打赏
1
评论
使用ajax异步请求数据，并展示在html中

<!DOCTYPE html><html><head><meta charset="utf-8"> <title></title> <script src="jquery-1.11.3.js" type="text/javascript"></script><style> .fu{ width:400px; height:400px; background-col
复制链接

扫一扫