通过第一篇教程，我们可以掌握ajax的基本使用，但是目前我们无法从服务器得到复杂数据，
举个例子：
我想给服务器传递两个整型数字，服务器将对这两个数字进行处理，进行四则运算，然后将四则运算的结果返回
我想从服务器返回某个关键词的查询结果，最终返回的数据是多条的
一、 利用ajax返回复杂数据
1） xml
2） json
二、 利用ajax传递xml
Html--àphp php解析xml
Php---àhtmljs解析xml
1） php解析xml
l $dom=new DOMDocument();
l $dom->loadXML($str);
l $nd=$dom->getElementsByTagName(“TagName”);
l $value=$nd->item(0)->nodeValue
2） php解析xml
l $xml=simplexml_load_string($str);
l $first = $xml->first;
l $second= $xml->second;
3） javascript解析xml
l var xml=xmlHttp.responseXML;
l node=xml.getElementsByTagName(“TagName”);
l node[0].childNodes[0].nodeValue;
php代码：
$first=$_POST['first'];
$second=$_POST['second'];
$jia=$first+$second;
$jian=$first-$second;
$cheng=$first*$second;
$chu=$first/$second;
$str=<<<str
<number>
<jia>$jia</jia>
<jian>$jian</jian>
<cheng>$cheng</cheng>
<chu>$chu</chu>
</number>
str;
header('Content-Type:text/xml');
echo $str;
Html代码：
if(xmlHttp.readyState==4 && xmlHttp.status==200)
{
var xml=xmlHttp.responseXML;
var n1=xml.getElementsByTagName('jia')[0].childNodes[0].nodeValue;
var n2=xml.getElementsByTagName('jian')[0].childNodes[0].nodeValue;
var n3=xml.getElementsByTagName('cheng')[0].childNodes[0].nodeValue;
var n4=xml.getElementsByTagName('chu')[0].childNodes[0].nodeValue;
document.getElementById('jia').value=n1;
document.getElementById('jian').value=n2;
document.getElementById('cheng').value=n3;
document.getElementById('chu').value=n4;
}
三、 利用ajax传递json
1） 什么是json
Json是一种特殊的数据排列方式，它是由名和值 对的集合构成的
格式：var json={“名”：值，”名”：值，……};
使用格式：Json.属性
2） Javascript中的json
//现在，我想描述一个人的信息
var json={'name':'zhangsan','age':30,'id':3};
//如何使用？
alert(json.name);
alert(json.age);
alert(json.id);
//我想用json描述多个人的信息 、json数组
var jsonArr=[
{'id1':1,'name':'zhangsan'},
{'id1':2,'name':'lisi'},
{'id1':3,'name':'wangwu'},
];
//我想知道第二个人的姓名
alert(jsonArr[1].name);
//我想知道所有人的所有信息
for(var i=0;i<jsonArr.length;i++)
{
document.write(jsonArr[i].id1);
document.write(jsonArr[i].name);
document.write('<br>');
}
3） php中的json
l string json_encode ( mixed $value )
对变量进行json编码
mixed $value ：要进行编码的json变量，要么是个数组，要么是个对象
json_encode可以对数组或对象进行json编码
l mixed json_decode ( string $json [, bool])
对json变量进行解码
String $json：json字符串
[,bool]：表示指定解析之后的是数组或对象,默认是false，表示解析到一个对象中
将json 对象保存在 数组中：
//我们将这个人的信息保存到了一个数组，再对数组进行json编码
$person['id']=10;
$person['name']='zhangsan';
$person['age']=30;
$str=json_encode($person);
echo $str;
echo '<br>';
将json 对象保存在 对象中：
//我们将这个人的信息保存到了一个对象中，再对这个对象进行json编码
class Student
{
public $id;
public $name;
public $age;
}
$stu=new Student();
$stu->id=10;
$stu->name='lisi';
$stu->age=30;
$str=json_encode($stu);
echo $str;
echo '<br>';
对json对象进行解码：
//到此，我们已经将数据保存至json,如何将一个json字符串进行解码？（解析）
$s1=json_decode($str); //将json数据解析到一个对象中
echo $s1->name.$s1->id."<br>";
$s2=json_decode($str,true); //将json数据解析到一个数组中
echo $s2['id'].$s2['age'].$s2['name']."<br>";
4） 利用ajax处理服务器返回的json
Php：
echo Json_encode($arr);
这里返回的是一个json格式的字符串
Html：
var value=xmlHttp.responeText//接收json格式的字符串，json数据也属于text
var json=eval(“(“+ value +”)”);//将这个字符串转成一个json对象
json.属性名
if(xmlHttp.readyState==4 && xmlHttp.status==200)
{
var value=xmlHttp.responseText;
var json=eval("("+ value +")");
document.getElementById('jia').value=json.jia;
document.getElementById('jian').value=json.jian;
document.getElementById('cheng').value=json.cheng;
document.getElementById('chu').value=json.chu;
}
至此，我们要讲的ajax 教程就结束了。下面是几个ajax常用的几个应用场景，大家可以自己试着自己做下。我也会把自己的代码发在本博上，有需要的，也可以参考下~。
Ajax常用案例一：利用ajax 实现无刷新查询；
Ajax常用案例二：使用ajax 技术实现3级联动表。
Ajax常用案例三：利用ajax+smarty 实现分页
Ajax常用案例四：利用ajax实现类似百度查询的效果。
转载请注明来源：ajax教程（二）：ajax中xml和json的使用
相关文章![php CI 实战教程：[5]用curl获取json并解析](/images/defaultpic.gif)
精彩导读
热门资讯
关注我们
