html文件
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>ajax较为复杂应用</title>
<script src="jquery.js"></script>
</head>
<body>
<input type="button" value="展示数据"/>
<div id="info">
<ul></ul>
</div>
<script>
$('input').click(function(){
$.ajax({
url:"qi.php?"+Math.random(),
type:"get",
success:function(data){
var result=eval(data);
//console.log(result[0].title);
for(var i=0;i<result.length;i++)
{
//alert(result[i].title);
$('#info>ul').append('<li>'+result[i].title+' <em>'+result[i].time+'</em>'+'</li>');
}
}
});
})
</script>
</body>
</html>
php文件
<?php
echo '[
{
"title":"赵四",
"time":"2017-3-8"
},
{
"title":"刘能",
"time":"2017-8-10"
},
{
"title":"大脚",
"time":"2017-9-9"
},
]';
?>