ajax技术json类型的实现

1、

  var str=xmlHttp.responseText; //返回字符串形式的数据

  var json=eval("("+ str +")");    //将字符串转换为json形式（这里是一维数组的形式） 如果是二维数组 var json=eval(str);

2、转码 $str=iconv('gb2312','utf-8',$str);

3、 在php中如何使用json

json_encode();          //json编码

json_decode();          //json解码

一个简单是数据库查询例子

php

mysql_connect('127.0.0.1','root','root');
$sql='select * from user';
mysql_select_db('demo');
mysql_query('set names utf-8');
$result=mysql_query($sql);
$str='<root>';
$data=array();
while($row=mysql_fetch_assoc($result)){
    $data[]=$row;
}
echo json_encode($data); 

html

<script>
    window.onload=function(){
        //alert(person.name+person.age);
         document.getElementById('btn').onclick=function(){
            var xhr=new XMLHttpRequest();
            var data='che=1';
            xhr.open('post','demo01.php');
            xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            xhr.send(data);
            xhr.onreadystatechange=function(){
                if(xhr.readyState==4 && xhr.status==200){
                    
                    var val=xhr.responseText;
                    var data=eval(val);
                    //alert(data);
                    for(var i=0;i<data.length;i++){
                        //创建行元素
                        var tr=document.createElement('tr');
                        //创建序号Td元素
                        var tdId=document.createElement('td');
                        tdId.innerHTML=i+1;
                        //创建名称td元素
                        var tdName=document.createElement('td');
                        tdName.innerHTML=data[i]['username'];
                        //创建密码td元素
                        var tdPassword=document.createElement('td');
                        tdPassword.innerHTML=data[i]['password'];
                        //创建图片名td元素，并将图片名追加到图片名td元素中
                        var tdPhoto=document.createElement('td');
                        tdPhoto.innerHTML=data[i]['photo'];
                        //将4个td元素追加到tr元素
                        tr.appendChild(tdId);
                        tr.appendChild(tdName);
                        tr.appendChild(tdPassword);
                        tr.appendChild(tdPhoto);
                        document.getElementsByTagName('TBODY')[0].appendChild(tr);  
                    }
                    
                }
            }
         }
    }
</script>


<table width='300px' style='border:1px solid #336699'>
<tr>
<td>ID</td><td>用户名</td>
<td>密码</td><td>图片名</td>
</tr>
</table>
<button id='btn'>计算</button><br/>

手动加<tr><td>，首先创建具有不同变量名的<tr><td>,分别在对应的<td>里面添加数据，然后把多个<td>分别加入到<tr>中，最后把<tr>加入到<tbody>中