使用ajax异步请求数据,并展示在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+='
  • '+e.className+'
  • '
    //console.log(i,_str) })   $('.fu').append(_str) //for循环实现 var str=""; for(var i=0;i<_data.length;i++){ str+='
  • '+_data[i].className+'
  • '
    //console.log(i,str) }   $('.fu').append(str) }) })
    script> head> <body> <div class='fu'>div> body> html>

    你可能感兴趣的:(javascript)