ajax处理php返回json数据的实例代码
2016-10-10 17:24
956 查看
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;
?>
相关文章推荐
- ajax处理php返回json数据的实例代码
- ajax处理php返回json数据的实例代码
- JQuery处理json与ajax返回JSON实例代码
- php ajax返回 json数据实例
- php json_encode()函数返回json数据实例代码
- php json_encode()函数返回json数据实例代码
- JQuery处理json与ajax返回JSON实例代码
- 接口规范,js处理json,php返回给ajax的数据格式
- Ajax获取php返回json数据动态生成select下拉框的实例
- PHP处理$.ajax传来的data数据并返回的过程实例
- JQuery处理json与ajax返回JSON实例代码
- JQuery处理json与ajax返回JSON实例代码
- php ajax返回 json数据实例
- ajax处理php返回json数据例子
- 原生ajax处理json格式数据的实例代码
- PHP关于Ajax返回多个json数据的处理
- 关于处理PHP json_encode返回的json数据一些小问题
- Ajax使用Action中返回的Json数据的完整实例(二):action内将一个实体对象转化为json并返回
- php返回json数据简单实例
- ajax处理返回的json数据