JSON

ajax处理php返回json数据的实例代码

字号+ 作者:H5之家 来源:H5之家 2015-10-08 09:34 我要评论( )

有时候我们需要ajax处理php返回的json数据,适合经常用php开发的朋友,需要的朋友可以参考下,ajax处理php返回json数据的实例代码


  本文标签:ajax json 

test.html

复制代码 代码如下:


<label>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("responseXMLs 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;
?>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • ASP.NET Web API 2 返回 Json格式

    ASP.NET Web API 2 返回 Json格式

    2016-02-10 17:18

  • DockOne技术分享(十二):新浪是如何分析处理32亿条实时日志的

    DockOne技术分享(十二):新浪是如何分析处理32亿条实时日志的

    2016-02-05 19:16

  • struts2+ajax+json action向页面返回int型数据,页面报异常org.a

    struts2+ajax+json action向页面返回int型数据,页面报异常org.a

    2016-01-31 15:35

  • Javascript处理返回的JSON数据

    Javascript处理返回的JSON数据

    2016-01-24 19:47

网友点评
l