<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery.min.js">
</script>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.box2{
width: 100%;
margin-left: 100px;
}
.name{
font-size: 30px;
}
#type{
color: rgb(177,177,177);}
#price{
color: red;
font-size: 25px;
}
</style>
</head>
<body>
<div id="box1">
</div>
</body>
</html>
<script type="text/javascript">
$.ajax({
type:"get",
url:"http://rap2api.taobao.org/app/mock/177073/houseList",
data:{
word:1
},
async:true,
success:function(result){
console.log(result['datalist'])
console.log(result['datalist'].length)
for(x=0;x<result['datalist'].length;x++){
// ('<img style="float: left;" src="../day1-html/img/aaa.ico"/>'))
// ('<p>我是段落2</p>'))
// ('<font>我是段落2</<font>'))
// ('<p>我是段落2</p>'))
let img1 = result['datalist'][x]['image']
let title1 = result['datalist'][x]['title']
let price1 = result['datalist'][x]['price']
let type1 = result['datalist'][x]['type']+'|'+result['datalist'][x]['area']+'|'+result['datalist'][x]['address']
('<img src="'+img1+'"/>'))
('<p>'+title1+'</p>'))
('<font>'+price1+'<font>'))
('<p>'+type1+'</p>'))
}
}
})
</script>
