點擊頁面 事件。獲取新的列表

獲取列表

// 因為是測試所以請求頁面和參數都寫死了

PHP 部分

分為兩個。一個是第一次請求的php頁面，別一個是異步請求的php頁面

index.php

$list = array(

array('name'=>'天宮一號確定29日晚發射

獨家3D展示太空對接','url'

=>'baidu.com','title'=>'sd'),

array('name'=>'已完成最后合練

中國航天近130次發射成功率94.4%','url'

=>'baidu.com','title'=>'sd'),

array(...) ...

array('name'=>'七一講話 黨史上的今天 走基層

漫博會今日開幕','url'

=>'baidu.com','title'=>'sd')

);

$smarty ->assign('list',$list);

$smarty->display('index.tpl');

index1.php

if($_GET['page'=='1'){

$list2 = array(

array('name'=>'全國賣地收入21年漲6732倍

從4.5億飆到3萬億','url'

=>'baidu.com','title'=>'sd'),

array('name'=>'公安部摧毀兩特大跨國電信詐騙集團

抓獲828人','url'

=>'baidu.com','title'=>'sd'),

array(...),

...

array('name'=>'長春違法強拆致人死亡案嫌犯均被捕

市長再道歉','url'

=>'baidu.com','title'=>'sd'),

);

}

echo json_encode($list2);

tpl 部分

{foreach from=$list item=item}

href='{$item.url}'

alt='{$item.title}'>{$item.name}

{/foreach}

id='list1'>將載新的列表

JS 部分

userAjax={

xmlhttp: new

XMLHttpRequest(),

loadXMLDoc:function(_url){

if (userAjax.xmlhttp!=null) {

userAjax.xmlhttp.onreadystatechange=userAjax.state_Change;

userAjax.xmlhttp.open("GET",_url,true);

userAjax.xmlhttp.send();

}else{

alert("Your browser does not support XMLHTTP.");

}

},

state_Change:function(){

if (userAjax.xmlhttp.readyState==4){?// 4 =

"loaded"

if (userAjax.xmlhttp.status==200) {?// 200 =

"OK"

ret = eval_r(userAjax.xmlhttp.responseText);

//alert(userAjax.xmlhttp.responseText);

var

q='';

for(var

i=0;i

q

= q+ '

href='+ret[i]["name"] +' alt='+ret[i]["url"]

+'>'+ret[i]["name"]

+'

';

}

document.getElementByIdx_x('list1').innerHTML = q;

}

}

}

}

個人觀點：

異步交互其實很簡單。只不過是創建一個XMLHttpRequest

使用get或post請求數據。

其實它就這么簡單。只要你敢動手嘗試，沒有攻克不了的技術。做技術就怕‘眼高手低！！！！

總結

以上是生活随笔為你收集整理的ajax异步请求验证ua的网页,ajax 异步请求数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。