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隐藏与显示回到顶部按钮及window.onscroll事件应用

现在大多数网站都会添加这种功能：当滚动条滚动到页面的下方时，页面的右下角会显示出来一个“回到顶部”的按钮或连接，点击该按钮后页面会跳转到顶部，或某一个适合查看内容的位置。 那么，如何控制“回到顶部”按>>>详细阅读

本文标题：ajax处理php返回json数据的实例代码

地址：http://www.17bianji.com/kaifa2/JS/22436.html

 1/2    1