本文实例讲述了php+ajax实现获取新闻数据的方法。分享给大家供大家参考，具体如下：
get方式获取到的信息是字符串(responsetext)
① 可以借助json对象的方法：stringify()和parse()方法，进行字符串和对象之间的转换
var arr=[1,2,3];
var a={left:100};
//alert(json.stringify(a));//typeof json.stringify(arr)是string
//json对象的输出有严格格式：'{"left":100}',变量值要加双引号
var s1="[1,2,3]";
var s2="{left:100}";
var s3='{"left":100}';
//alert(json.parse(s1));//---输出数组[1,2,3]
//alert(json.parse(s2));//---出错。因为json对象格式严格，必须是:'{"left":100}'的格式
alert(json.parse(s3).left);//---输出object object
②ajax获取服务器内容的实例：
getnews.php代码：
<?php
header('content-type:text/html;charset="utf-8"');
error_reporting(0);
$news=array(
array("title"=>'习近平同代表委员共商国是两会细节 国平',"date"=>"2016-3-16"),
array("title"=>'李克强答如何解决"工资8000元到手仅5000元"',"date"=>"2016-3-16"),
array("title"=>'两会闭幕辽宁"老虎"落马曾3年3连跳升副部级',"date"=>"2016-3-16"),
array("title"=>'宁波市长卢子跃严重违纪被查 被指行贿斯鑫良',"date"=>"2016-3-16"),
array("title"=>'美女翻译六上总理记者会 外号樱桃小丸子',"date"=>"2016-3-16"),
array("title"=>'外媒:印尼警方击毙两名中国籍极端分子',"date"=>"2016-3-16"),
array("title"=>'复旦将抗肿瘤药物专利6500万美元售美国公司',"date"=>"2016-3-16"),
);
echo json_encode($news);
文件getnews.php在浏览器中显示为：
复制代码 代码如下:
[{"title":"u4e60u8fd1u5e73u540cu4ee3u8868u59d4u5458u5171u5546u56fdu662fu4e24u4f1au7ec6u8282 u56fdu5e73","date":"2016-3-16"},<span style="font-family: arial, helvetica, sans-serif;">{"title":"u674eu514bu5f3au7b54u5982u4f55u89e3u51b3"u5de5u8d448000u5143u5230u624bu4ec55000u5143"","date":"2016-3-16"},</span><span style="font-family: arial, helvetica, sans-serif;">{"title":"u4e24u4f1au95edu5e55u8fbdu5b81"u8001u864e"u843du9a6cu66fe3u5e743u8fdeu8df3u5347u526fu90e8u7ea7","date":"2016-3-16"},{"title":"u5b81u6ce2u5e02u957fu5362u5b50u8dc3u4e25u91cdu8fddu7eaau88abu67e5u88abu6307u884cu8d3fu65afu946bu826f","date":"2016-3-16"},{"title":"u7f8eu5973u7ffbu8bd1u516du4e0au603bu7406u8bb0u8005u4f1au5916u53f7u6a31u6843u5c0fu4e38u5b50","date":"2016-3-16"},{"title":"u5916u5a92:u5370u5c3cu8b66u65b9u51fbu6bd9u4e24u540du4e2du56fdu7c4du6781u7aefu5206u5b50","date":"2016-3-16"},{"title":"u590du65e6u5c06u6297u80bfu7624u836fu7269u4e13u52296500u4e07u7f8eu5143u552eu7f8eu56fdu516cu53f8","date":"2016-3-16"}]
返回一个数组，数组元素为7个json对象，每个对象有两个属性：title和date
前端需要做的是，得到这些数据，并把它们通过dom操作放在网页的相应位置上。
ajax:通过某个接口(文件)去服务器取数据，把取回来的数据，根据数据特性，放在客户端网页上处理。
<body>
<input id="btn" type="button" value="按钮"/>
<ul id="ul1">获取新闻到该处</ul>
<script src="json.js"></script>
<script src="ajax.js"></script>
</body>
xhr.open("get","getnews.php",true);
xhr.setrequestheader("content-type","application/x-www-form-urlencoded");
xhr.send();
xhr.onreadystatechange=function(){
if(xhr.readystate==4){
if(xhr.status==200){
var data=json.parse(xhr.responsetext);
varoul=document.getelementbyid("ul1");
var html=''; //dom操作，把服务器取回的内容显示在网页上。
for(var i=0; i<data.length;i++) {
html+='<li> <a herf="">'+ data[i].title + '</a> [<span>' + data[i].date + '</span>]</li>';
}
oul.innerhtml=html;
}else{
alert("出错了，err: " + xhr.status);
}
}
}
取回数据的页面：
③ajax函数简单封装
functionajax(method,url,data,fn){
try{
xhr=new xmlhttprequest();
}catch(e){
xhr=newactivexobject("microsoft.xmlhttp");
}
if(method == "get" &&data){
url+='?'+data;
}
xhr.open(method,url,true);
if(method=="get"){
xhr.send();
}else{
xhr.setrequestheader("content-type","application/x-www-form-urlencoded") xhr.send(data);
}
xhr.onreadystatechange=function(){
if(xhr.readystate==4){
if(xhr.status==200){
fn(xhr.responsetext);
}else{
alert("出错了，err: " + xhr.status);
}
}
}
}
④ajax轮询方式获取服务器资源
setinterval(function(){
ajax('get','getnews.php','',function(data){
var data=json.parse(data);//参数回调
var oul=document.getelementbyid("ul1");
var html='';
for (var i=0; i<data.length;i++){
html+='<li> <aherf="">' + data[i].title + '</a> [<span>' +data[i].date + '</span>] </li>';
}
oul.innerhtml=html;
});
},1000);//ajax轮询方式，1秒钟自动更新一次页面。
//ajax真正的轮询不会1s钟一次那么快，这样太耗资源。
更多关于php相关内容感兴趣的读者可查看本站专题：《php+ajax技巧与应用小结》、《php网络编程技巧总结》、《php基本语法入门教程》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》
希望本文所述对大家php程序设计有所帮助。
【说明】：本文章由站长整理发布，文章内容不代表本站观点，如文中有侵权行为，请与本站客服联系(QQ:)！