<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>ajax1</title>
<script src="jquery.js"></script>
<style>
div{
width:600px;
height:400px;
border:solid 1px #ccc;
color:#f00;
}
#info {
overflow: auto;
}
</style>
</head>
<body>
<input type="button" value="获取新闻列表" />
<div id="info">
<ul></ul>
</div>
<script>
$('input[type=button]').click(function(){
var ul = $('#info>ul');
$.ajax({
url:'process_1.php?'+Math.random(),
type:'get',
success:function(data){
var result = eval(data);
for(var i=0;i<result.length;i++){
ul.append('<li>'+result[i].title+'<span>'+result[i].publicTime+'</span><p>'+result[i].content+'</p></li>');
}
}
});
});
</script>
</body>
</html>
<?php
header('Content-type:text/html;charset=utf-8');
echo '[
{
"title":"ajax返回数组和json",
"publicTime":"123456",
"content":"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"
},
{
"title":"ajax返回数组和json1111",
"publicTime":"1234561111",
"content":"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"
},
{
"title":"ajax返回数组和json2222",
"publicTime":"1234562222",
"content":"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"
},
]';
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>ajax1</title>
<script src="jquery.js"></script>
<style>
div{
width:600px;
height:400px;
border:solid 1px #ccc;
color:#f00;
}
</style>
</head>
<body>
<input type="button" value="获取信息" />
<div id="info"></div>
<script>
$('input[type=button]').click(function(){
$.ajax({
url:'process.php?'+Math.random(),
type:'get',
success:function(data){
var res = eval(data);
$('#info').html(res[0].title);
//alert(typeof res);
}
});
});
</script>
</body>
</html>
<?php
header('Content-type:text/html;charset=utf-8');
echo '[{"title":"ajax返回数组和json"}]';
?>