婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > PHP+ajax實現獲取新聞數據簡單示例

PHP+ajax實現獲取新聞數據簡單示例

熱門標簽:四川保險智能外呼系統供應商 電話機器人銷售主要負責什么 地圖標注專員怎么樣 遼寧ai電銷機器人價格 上海做外呼線路的通信公司 福建銀行智能外呼系統價格 房產中介用的是什么外呼系統 寧波外呼營銷系統 長沙做地圖標注公司

本文實例講述了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; idata.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; idata.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程序設計有所幫助。

您可能感興趣的文章:
  • php 三級聯動菜單
  • php+mysql實現的二級聯動菜單效果詳解
  • PHP+JS三級菜單聯動菜單實現方法
  • thinkPHP實現的聯動菜單功能詳解
  • thinkPHP基于ajax實現的菜單與分頁示例
  • ThinkPHP使用心得分享-ThinkPHP + Ajax 實現2級聯動下拉菜單
  • 落伍首發 php+mysql 采用ajax技術的 省 市 地 3級聯動無刷新菜單 源碼
  • PHP+Ajax實現的博客文章添加類別功能示例
  • php+ajax實現無刷新文件上傳功能(ajaxuploadfile)
  • Ajax中的JSON格式與php傳輸過程全面解析
  • PHP+ajax實現二級聯動菜單功能示例

標簽:澳門 宜春 深圳 佛山 常德 延安 工商登記 宿遷

巨人網絡通訊聲明:本文標題《PHP+ajax實現獲取新聞數據簡單示例》,本文關鍵詞  PHP+ajax,實現,獲取,新聞,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《PHP+ajax實現獲取新聞數據簡單示例》相關的同類信息!
  • 本頁收集關于PHP+ajax實現獲取新聞數據簡單示例的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 松滋市| 阳东县| 扶沟县| 高雄市| 襄樊市| 稻城县| 白水县| 南开区| 孟津县| 临夏市| 涟源市| 永川市| 布尔津县| 龙井市| 新绛县| 大理市| 抚顺县| 彰化县| 敖汉旗| 纳雍县| 武义县| 扎兰屯市| 阿坝| 牟定县| 丽水市| 天柱县| 疏附县| 青浦区| 大理市| 保德县| 深圳市| 灵丘县| 南岸区| 平邑县| 红安县| 互助| 神农架林区| 迁西县| 承德市| 永寿县| 曲阜市|