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

復(fù)制代碼代碼如下:

 
<?php 
/* 這邊如果寫成 $info = array('no1'=>'bsd', 'no2'=>'wuddy', 'no3'=>'xie'); */ 
/* 同樣要把html文件中必成 var show_info = eval('[' + ret + ']'); 都是返回一個對象 */ 
$info = array(array('no1'=>'bsd', 'no2'=>'wuddy', 'no3'=>'xie')); 
$userinfo = json_encode($info); 
echo $userinfo; 
?> 

您可能感興趣的文章:

ajax
json

相關(guān)文章

javascript操作JSON的要領(lǐng)總結(jié)
JSON是 JavaScript 原生格式，這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不須要任何特殊的 API 或工具包,需要的朋友可以了解下
2012-12-12
ajax處理php返回json數(shù)據(jù)的實(shí)例代碼
有時(shí)候我們需要ajax處理php返回的json數(shù)據(jù)，適合經(jīng)常用php開發(fā)的朋友，需要的朋友可以參考下
2013-01-01
JSON 客戶端和服務(wù)器端的格式轉(zhuǎn)換
JSON是JavaScript Object Notation的縮寫。JSON是個輕量級的用于服務(wù)器端和客戶端交換數(shù)據(jù)的數(shù)據(jù)格式。它經(jīng)常會用在ajax應(yīng)用上,是因?yàn)樗腔赼jax對象的格式定義出來的。
2009-08-08
JS中JSON.parse(JSON.stringify())實(shí)現(xiàn)深拷貝
深拷貝就是完全拷貝一份新的對象,本文主要介紹了JS中JSON.parse(JSON.stringify())實(shí)現(xiàn)深拷貝,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-08-08
JSON取值前判斷
這篇文章主要介紹了JSON取值前判斷,需要的朋友可以參考下
2014-12-12
使用JSON作為函數(shù)的參數(shù)的優(yōu)缺點(diǎn)
這篇文章主要介紹了使用JSON作為函數(shù)的參數(shù)的優(yōu)缺點(diǎn),需要的朋友可以參考下
2016-10-10
一文了解什么是JWT
JSON?WEB?Token是一種基于JSON的、用于在網(wǎng)絡(luò)上聲明某種主張的令牌，由三部分組成:?頭信息,?消息體和簽名，下面就一起來了解一下什么是JWT
2023-05-05
JQuery用$.ajax或$.getJSON跨域獲取JSON數(shù)據(jù)的實(shí)現(xiàn)代碼
這篇文章主要介紹了JQuery用$.ajax或$.getJSON跨域獲取JSON數(shù)據(jù)的實(shí)現(xiàn)代碼,需要的朋友可以參考下
2017-09-09
深入淺析同源與跨域,jsonp(函數(shù)封裝),CORS原理
這篇文章主要介紹了同源與跨域,jsonp(函數(shù)封裝),CORS原理，從同源政策中Ajax限制，到跨域問題以及跨域問題的解決方法幫大家更加深入的去了解其中原理
2021-08-08
將nodejs打包工具整合到鼠標(biāo)右鍵的方法
昨天放出了主要的nodejs打包代碼(《nodejs寫的簡單項(xiàng)目打包工具》)，今天放出整合到鼠標(biāo)右鍵的代碼，打包需要配置環(huán)境變量，添加NODE_PATH為node安裝路徑
2013-05-05