PHP+ajax实现获取新闻数据案例详解
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了PHP+ajax实现获取新闻数据案例详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4520字，纯文字阅读大概需要7分钟。
内容图文
这次给大家带来PHP+ajax实现获取新闻数据案例详解，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":"\u4e60\u8fd1\u5e73\u540c\u4ee3\u8868\u59d4\u5458\u5171\u5546\u56fd\u662f\u4e24\u4f1a\u7ec6\u8282 \u56fd\u5e73","date":"2016-3-16"},<span style="font-family: Arial, Helvetica, sans-serif;">{"title":"\u674e\u514b\u5f3a\u7b54\u5982\u4f55\u89e3\u51b3\"\u5de5\u8d448000\u5143\u5230\u624b\u4ec55000\u5143\"","date":"2016-3-16"},</span><span style="font-family: Arial, Helvetica, sans-serif;">{"title":"\u4e24\u4f1a\u95ed\u5e55\u8fbd\u5b81\"\u8001\u864e\"\u843d\u9a6c\u66fe3\u5e743\u8fde\u8df3\u5347\u526f\u90e8\u7ea7","date":"2016-3-16"},{"title":"\u5b81\u6ce2\u5e02\u957f\u5362\u5b50\u8dc3\u4e25\u91cd\u8fdd\u7eaa\u88ab\u67e5\u88ab\u6307\u884c\u8d3f\u65af\u946b\u826f","date":"2016-3-16"},{"title":"\u7f8e\u5973\u7ffb\u8bd1\u516d\u4e0a\u603b\u7406\u8bb0\u8005\u4f1a\u5916\u53f7\u6a31\u6843\u5c0f\u4e38\u5b50","date":"2016-3-16"},{"title":"\u5916\u5a92:\u5370\u5c3c\u8b66\u65b9\u51fb\u6bd9\u4e24\u540d\u4e2d\u56fd\u7c4d\u6781\u7aef\u5206\u5b50","date":"2016-3-16"},{"title":"\u590d\u65e6\u5c06\u6297\u80bf\u7624\u836f\u7269\u4e13\u52296500\u4e07\u7f8e\u5143\u552e\u7f8e\u56fd\u516c\u53f8","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钟一次那么快，这样太耗资源。相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！
推荐阅读：
php共享内存使用与信号控制使用案例解析
vuex操作state对象方法详解
vue 组件使用中的一些细节点_vue.js
以上就是PHP+ajax实现获取新闻数据案例详解的详细内容，更多请关注Gxl网其它相关文章！
内容总结
以上是互联网集市为您收集整理的PHP+ajax实现获取新闻数据案例详解全部内容，希望文章能够帮你解决PHP+ajax实现获取新闻数据案例详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。