1、php文件 --xxxajax.php
<?php
header('Content-Type: application/json; charset="UTF-8"');
header('Access-Control-Allow-Origin:*');
header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept");
$db=new mysqli('localhost', 'cdaohui', '123456', 'cdaohui');
$db->query('SET NAMES UTF8');
//从数据库获得数据
$sql='SELECT * FROM lys_news order by mid desc';
$_GET;
$r=$db->query($sql);
// 得到一个二维数
$result= array();
while ($row = $r->fetch_array(MYSQLI_ASSOC)) {
$result[] = $row;
}
//将数据解析成json格式的
echo json_encode($result);
?>
2、js文件
<script>
$.ajax({
type:'get', //请求的方式GET/POST
url:"xxxajax.php", //服务器请求的地址
cache:false, //是否缓存
dataType:'json', //返回的数据类型
success:function(data){//请求成功时执行的操作
var json =eval(data);
console.log(json);
console.log(json[1]['mid']);//打印数据看看是不是自己要的数据
for(var i=0;i<json.length;i++){//循环数组中的所有的元素
//获得盒子,向盒子里面循环添加li,li里面附带a标签
$("#ysnews").append("<li><a href='xxxl.php?mid="+json[i]['mid']+"'>"+json[i]['ystitle']+"</a><span>"+json[i]['newstime']+" </span></li>");
$("#linews"+i).attr("class",'linews');
}
}
})
</script>
<div>
<ul id='ysnews'></ul>
</div>