<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
#info {
color: red;
}
</style>
</head>
<body>
<input type="button" value="获取新闻列表">
<div id="info">
<img src="../img/loading.gif" style="display:none">
<ul></ul>
</div>
<script src="../jquery.js"></script>
<script>
$(function(){
$("input[type=button]").click(formajax);//调用函数
// 在请求开始的时候
$("ul").ajaxStart(function() {
$("img").show();
}).ajaxStop(function() {
// 在请求结束的时候
$("img").hide();
});
});
function formajax(){
$.ajax({
url: '../php/06.php?' + Math.random(),
type: 'get',
success:function(data){
data = JSON.parse(data);
// console.log(typeof data);
console.log(data);
var str = "";
for(var i=0;i<data.length;i++){
// str = str + '<li>' + data[i].title + data[i].time + '</li>';
$("#info ul").append('<li>' + data[i].title + data[i].time + '</li>');
}
console.log(str);
// $("#info ul").html(str);
}
})
}
</script>
</body>
</html>