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>中