ajax--json格式获取数据

前端之家收集整理的这篇文章主要介绍了ajax--json格式获取数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

<script language="javascript" type="text/javascript">

function testXML(){

var xhr;//首先声明一个保存XMLHttpRequest对象的xhr变量

xhr = window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");//判断浏览器的版本.readystate=0


var url="json1.PHP?";

//利用xhr.open()来向服务器页面发送请求(发送的内容可以用get(post)方法,包含在url中)
xhr.open("GET",url,true);//readystate=1
xhr.send(null);//readystate=2//通过发送url,把content的值传递到ee.PHP
//onreadystatechange 属性存有处理服务器响应的函数
xhr.onreadystatechange=function(){

//alert (xhr.readyState);//监测请求过程
//readyState 属性存有服务器响应的状态信息
if(xhr.readyState==4){//执行到4请求已完成

//alert(xhr.responseText);
var json=eval("("+xhr.responseText+")");//接收json的内容,接收前是字符串,通过eval转化成对象
alert(json.id);//应为eval已经转码这不能写成json[0].id
}

}



}

</script>
</head>

<body>
<form action="" method="post">
<input type="button" onclick="testXML()">

json1.PHP

<?PHP


$a=array('name'=>'zhangsan','id'=>'002');
$b=json_encode($a);//json_encode把数组转化成json格式
echo $b;//传给ajax中,ajax用xhr.responseText接收

?>

原文链接:https://www.f2er.com/ajax/166624.html

猜你在找的Ajax相关文章