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;
?>

相关文章

  • 正则表达式搭配js轻松处理json文本方便而老古

    正则表达式搭配js轻松处理json文本方便而老古

    如何解析Json已经成为了众多业内人士谈论的焦点,依我看,要解析轻量化类型json,用.net自带的类库就可以胜任了,有一种看起来更方便的老古董——正则表达式,处理json是绰绰有余,感兴趣的你可不要错过了哈
    2013-02-02
  • 深入分析jsonp协议原理

    深入分析jsonp协议原理

    JSONP的最基本的原理是:动态添加一个<script>标签,而script标签的src属性是没有跨域的限制的。这样说来,这种跨域方式其实与ajax XmlHttpRequest协议无关了。
    2015-09-09
  • json字符串传到前台input的方法

    json字符串传到前台input的方法

    今天小编就为大家分享一篇json字符串传到前台input的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • JavaScript 解析Json字符串的性能比较分析代码

    JavaScript 解析Json字符串的性能比较分析代码

    我们在使用AJAX来做服务器端和客户端交互的时候,一般的做法是让服务器端返回一段JSON字符串,然后在客户端把它解析成JavaScript对象。
    2009-12-12
  • 用JSON做数据传输格式中的一些问题总结

    用JSON做数据传输格式中的一些问题总结

    Json 凭借其自身的优势,在Web数据处理方面已经占据了一定的位置,这段时间涉及到用Json做为数据传输格式的项目有3个,其中有部分页面就采用了Json 数据传输格式, 这里我总结下这段时间采用这种方式的一些问题总结
    2011-12-12
  • 半个小时学json(json传递示例)

    半个小时学json(json传递示例)

    这篇文章主要介绍了半个小时学json(json传递示例),主要包括一维数组与二维数组,需要的朋友可以参考下
    2016-12-12
  • JS解析后台返回的JSON格式数据实例

    JS解析后台返回的JSON格式数据实例

    今天小编就为大家分享一篇JS解析后台返回的JSON格式数据实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • Jquery+asp.net后台数据传到前台js进行解析的方法

    Jquery+asp.net后台数据传到前台js进行解析的方法

    我们经常用jquery读取后台数据,后台返回数据。后台数据格式就有很多了,但是js里面没有什么类型之分
    2014-05-05
  • json.stringify()与json.parse()的区别以及用处

    json.stringify()与json.parse()的区别以及用处

    这篇文章主要介绍了json.stringify()与json.parse()的区别以及用处,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • IE8 原生JSON支持

    IE8 原生JSON支持

    你可能已经从这篇文章的标题中猜到了,Internet Explorer 8(目前是Beta2)提供了原生JSON的解析和序列化。
    2009-04-04

最新评论