建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网站开发 > JSP教程 >

Ajax如何处理php返回的json数据(代码)

时间:2011-01-12 19:49来源: 作者: 点击:
Ajax如何处理php返回的json数据,代码: /-----------test.html---------------/ <label onclick="javascript:post_data();">click </label> function Ajax_init() {     var ajax=false;     try {   &nbs

Ajax如何处理php返回的json数据,代码:

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

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片