ajax较为复杂应用

最新推荐文章于 2022-01-28 21:50:20 发布

jingtian678

最新推荐文章于 2022-01-28 21:50:20 发布

阅读量882

点赞数

分类专栏： web大前端

本文链接：https://blog.csdn.net/jingtian678/article/details/70236245

版权

web大前端专栏收录该内容

291 篇文章 9 订阅

订阅专栏

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"
},
]';
?>