本文实例讲述了PHP+ajax实现获取新闻数据的方法。分享给大家供大家参考,具体如下:
Get方式获取到的信息是字符串(responseText)
① 可以借助JSON对象的方法
:stringify()
和parse()
方法,进行字符串和对象之间的转换
rush:js;">
var arr=[1,2,3];
var a={left:100};
//alert(JSON.stringify(a));//typeof JSON.stringify(arr)是string
//JSON对象的输出有严格格式:'{"left":100}',变量值要加双引号
var s1="[1,3]";
var s2="{left:100}";
var s3='{"left":100}';
//alert(JSON.parse(s1));//---输出数组[1,3]
//alert(JSON.parse(s2));//---出错。因为JSON对象格式严格,必须是:'{"left":100}'的格式
alert(JSON.parse(s3).left);//---输出Object Object
②ajax获取服务器内容的实例:
rush:PHP;">
'习近平同代表委员共商国是两会细节 国平',"date"=>"2016-3-16"),array("title"=>'李克强答如何解决"工资8000元到手仅5000元"',array("title"=>'两会闭幕辽宁"老虎"落马曾3年3连跳升副部级',array("title"=>'宁波市长卢子跃严重违纪被查 被指行贿斯鑫良',array("title"=>'美女翻译六上总理记者会 外号樱桃小丸子',array("title"=>'外媒:印尼警方击毙两名中国籍极端分子',array("title"=>'复旦将抗肿瘤药物专利6500万美元售美国公司',);
echo json_encode($news);
代码如下:
返回一个数组,数组元素为7个JSON对象,每个对象有两个属性:title和date
前端需要做的是,得到这些数据,并把它们通过DOM操作放在网页的相应位置上。
Ajax:通过某个接口(文件)去服务器取数据,把取回来的数据,根据数据特性,放在客户端网页上处理。
rush:xhtml;">
获取新闻到该处
rush:js;">
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[i].date + ']';
}
oUl.innerHTML=html;
}else{
alert("出错了,Err: " + xhr.status);
}
}
}
取回数据的页面:
③ajax函数简单封装
④ajax轮询方式获取服务器资源
更多关于PHP相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》及《PHP常见数据库操作技巧汇总》
希望本文所述对大家PHP程序设计有所帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。