ajax较为复杂应用

来源:互联网 发布:linux ls 查找文件名 编辑:程序博客网 时间:2024/05/17 22:54

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

0 0
原创粉丝点击