【php代码】
1 <?php 2 3 header("content-type:text/html;charset=utf-8"); 4 5 echo '{"city":"北京","temp":"9","wd":"西南风"}';
【html代码】
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>{$title}</title> 6 7 <script type="text/javascript"> 8 function get_info(){ 9 var hh=new XMLHttpRequest(); 10 hh.onreadystatechange=function(){ 11 if(readyState==4){ 12 eval("var xinxi="+hh.responseText); 13 //通过eval()把接收到的string(字符串信息)转换为object(对象) 14 console.log(xinxi); 15 } 16 } 17 hh.open('get','./11.php'); 18 hh.send(null); 19 } 20 </script> 21 </head> 22 23 <body> 24 <h4>处理接收到的json对象</h4> 25 <input type="button" value="天气预报" onclick="get_info()"> 26 </body> 27 </html>
注意：要将接收到的字符串信息转换为对象（通过eval()转换）
var obj="{name:'tom',age:5}";
eval("var cat="+obj); //eval("var cat={name:'tom',age:5}")
console.log(cat);
这里最终的对象为cat，而不是obj.