ajax处理php返回json数据的实例代码
更新时间：2013年01月24日 17:05:33 作者：
有时候我们需要ajax处理php返回的json数据，适合经常用php开发的朋友，需要的朋友可以参考下
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;
?>
相关文章
json一些实例定义2008-06-06
可能有些人对系列化这个词过敏，我的理解很简单。就是说把原来是对象的类型转换成字符串类型（或者更确切的说是json类型的）。就这么简单。打个比方说，你有一个类，那么你可以通过这个方法转换成相应的json类型的2012-03-03
这篇文章主要介绍了js操作两个json数组合并、去重，以及删除某一项元素,需要的朋友可以参考下2020-09-09
上一节我们讲解了JSON.stringify()的基本用法，这一节我们来重点探讨一下序列化,单独或组合使用这两个参数(过滤器/数组)，可以更全面深入地控制JSON的序列化,感兴趣的朋友可以了解下，或许对你学习json有所帮助2013-02-02
JSON (JavaScript Object Notation) 一种轻量级的数据交换格式，比 XML 更轻巧，JSON 是JavaScript 原生格式，这意味着 JavaScript 中处理 JSON 数据不需要任何 API 和工具包。2010-06-06
JSON方式/对象直接量 等多种方法。大家可以快速的掌握js对象的建立。2009-07-07
这篇文章主要介绍了解读JSON的三种格式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。2010-04-04
JSON 学习之JSON in JavaScript详细使用说明
只需要在前台页面中引入相应的javascript即可测试2010-02-02
找了几个javascript的框架，都没有找到我想要的： 提供函数，把某个表单的所有域封装成json数据格式的对象，唯有自己实现一个。2008-10-10
最新评论