ajax處理php返回json數(shù)據(jù)的實(shí)例代碼
更新時(shí)間:2013年01月24日 17:05:33 作者:
有時(shí)候我們需要ajax處理php返回的json數(shù)據(jù),適合經(jīng)常用php開發(fā)的朋友,需要的朋友可以參考下
test.html
<label onclick="javascript:post_data();">click </label>
function ajax_init()
{
var ajax=false;
try {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
ajax = false;
}
}
if (!ajax && typeof XMLHttpRequest!='undefined') {
ajax = new XMLHttpRequest();
}
return ajax;
}
function post_data()
{
var url = "/server/xml.php";
var show_check = document.getElementById("show_check");
var show_flag = document.getElementById("show_flag");
var ajax = ajax_init();
ajax.open("GET", url, true);
//var img = "<img src='/img/loading.gif'>";
ajax.onreadystatechange = function()
{
if (ajax.readyState == 4 && ajax.status == 200)
{
var ret = ajax.responseText;
var show_info = eval(ret);
show_check.innerHTML = show_info[0].no1; // bsd
show_flag.innerHTML = show_info[0].no2; // wuddy
//alert("responseXML's value: " + info[0].firstChild.data);
}
/*else
{
show.innerHTML = img;
}*/
}
ajax.send(null);
}
json.php
<?php
/* 這邊如果寫成 $info = array('no1'=>'bsd', 'no2'=>'wuddy', 'no3'=>'xie'); */
/* 同樣要把html文件中必成 var show_info = eval('[' + ret + ']'); 都是返回一個(gè)對象 */
$info = array(array('no1'=>'bsd', 'no2'=>'wuddy', 'no3'=>'xie'));
$userinfo = json_encode($info);
echo $userinfo;
?>
復(fù)制代碼 代碼如下:
<label onclick="javascript:post_data();">click </label>
function ajax_init()
{
var ajax=false;
try {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
ajax = false;
}
}
if (!ajax && typeof XMLHttpRequest!='undefined') {
ajax = new XMLHttpRequest();
}
return ajax;
}
function post_data()
{
var url = "/server/xml.php";
var show_check = document.getElementById("show_check");
var show_flag = document.getElementById("show_flag");
var ajax = ajax_init();
ajax.open("GET", url, true);
//var img = "<img src='/img/loading.gif'>";
ajax.onreadystatechange = function()
{
if (ajax.readyState == 4 && ajax.status == 200)
{
var ret = ajax.responseText;
var show_info = eval(ret);
show_check.innerHTML = show_info[0].no1; // bsd
show_flag.innerHTML = show_info[0].no2; // wuddy
//alert("responseXML's value: " + info[0].firstChild.data);
}
/*else
{
show.innerHTML = img;
}*/
}
ajax.send(null);
}
json.php
復(fù)制代碼 代碼如下:
<?php
/* 這邊如果寫成 $info = array('no1'=>'bsd', 'no2'=>'wuddy', 'no3'=>'xie'); */
/* 同樣要把html文件中必成 var show_info = eval('[' + ret + ']'); 都是返回一個(gè)對象 */
$info = array(array('no1'=>'bsd', 'no2'=>'wuddy', 'no3'=>'xie'));
$userinfo = json_encode($info);
echo $userinfo;
?>
您可能感興趣的文章:
- php+ajax實(shí)時(shí)刷新簡單實(shí)例
- php+ajax實(shí)時(shí)輸入自動搜索匹配的方法
- 值得分享的php+ajax實(shí)時(shí)聊天室
- PHP實(shí)現(xiàn)的消息實(shí)時(shí)推送功能【基于反ajax推送】
- AJAX 實(shí)時(shí)讀取輸入文本(php)
- PHP Ajax實(shí)現(xiàn)表格實(shí)時(shí)編輯
- PHP+Ajax實(shí)時(shí)自動檢測是否聯(lián)網(wǎng)的方法
- php+ajax實(shí)現(xiàn)無刷新動態(tài)加載數(shù)據(jù)技術(shù)
- php采用ajax數(shù)據(jù)提交post與post常見方法總結(jié)
- php+jQuery ajax實(shí)現(xiàn)的實(shí)時(shí)刷新顯示數(shù)據(jù)功能示例
相關(guān)文章
js操作兩個(gè)json數(shù)組合并、去重,以及刪除某一項(xiàng)元素
這篇文章主要介紹了js操作兩個(gè)json數(shù)組合并、去重,以及刪除某一項(xiàng)元素,需要的朋友可以參考下2020-09-09js解析與序列化json數(shù)據(jù)(二)序列化探討
上一節(jié)我們講解了JSON.stringify()的基本用法,這一節(jié)我們來重點(diǎn)探討一下序列化,單獨(dú)或組合使用這兩個(gè)參數(shù)(過濾器/數(shù)組),可以更全面深入地控制JSON的序列化,感興趣的朋友可以了解下,或許對你學(xué)習(xí)json有所幫助2013-02-02JSON 學(xué)習(xí)之JSON in JavaScript詳細(xì)使用說明
只需要在前臺頁面中引入相應(yīng)的javascript即可測試2010-02-02javascript表單域與json數(shù)據(jù)間的交互
找了幾個(gè)javascript的框架,都沒有找到我想要的: 提供函數(shù),把某個(gè)表單的所有域封裝成json數(shù)據(jù)格式的對象,唯有自己實(shí)現(xiàn)一個(gè)。2008-10-10