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