HTML页面
<html>
<head>
<title>发送JSON请求</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()
{
//在IE下创建XMLHttpRequest对象
try
{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(oc)
{
xmlHttp = null;
}
}
//在Mozilla和Safari等非IE浏览器下创建XMLHTTPRequest对象
if(!xmlHttp && typeof XMLHttpRequest != "undefined")
{
xmlHttp = new XMLHttpRequest();
}
return xmlHttp;
}
//发送JSON格式请求
function sendRequestJosn()
{
var url="myjson.php";
createXMLHttpRequest();
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=getJSON;
xmlHttp.send(null);
}
//getJSON函数解析JSON字符串
function getJSON()
{
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var arr = xmlHttp.responseText;
var json = eval("(" + arr + ")");
var result="";
result+="姓名:"+json.name+"<br/>";
result+="年龄:"+json.age+"<br/>";
result+="密码:"+json.password+"<br/>";
result+="邮箱:"+json.cation.email+"<br/>";
result+="主页:"+json.cation.website;
document.getElementById('message').innerHTML = result;
}
}
}
</script>
</head>
<body οnlοad="sendRequestJosn()">
<h3>用户信息如下所示:</h3>
<div id="message"></div>
</body>
</html>
PHP服务器页面
<?php
header('Content-type:text/html;charset=GBK');
//生成JSON字符传
$arr = array(
'name'=>'Baby',
'age'=>'21',
'password'=>'123456',
'cation' => array(
'email' => 'loveBaby1314@163.com',
'website' =>'http://www.itzcn.com',
)
);
//使用json_encode进行编码
$message = json_encode($arr);
//JSON字符串
echo $message;
?>
这么简单的东西让我弄了整整一天呀,拿出来和大家分享一下。嘻嘻...