PHP+Ajax处理JSON字符串

来源:互联网 发布:js使单选框被选中 编辑:程序博客网 时间:2024/06/05 14:18

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;

  }

 }

  //MozillaSafari等非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 onload="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;

?>

 

 

这么简单的东西让我弄了整整一天呀,拿出来和大家分享一下。嘻嘻...

原创粉丝点击