Ajax返回值之XML、json类型

Ajax返回值之XML、json类型

2015-01-29

 

注意：Ajax默认是不能跨域的，在最新的2.0里是可以跨域，但是需要对方应答、

 

Ajax返回值之XML类型

书名: type="text" id="btitle" />           简介: type="text" id="bintro" />               type="button" value="测试返回值1" onclick="test1();"/>          type="button" value="测试返回值2" onclick="test2();"/>

 

return.php 代码

header("Content-Type: text/xml"); ?> ="1.0" encoding="utf-8"?>  bid="boo8">人生太苦

 

 

我们点击按钮1：

得到：我们对到return.php文件的字符串形式的内容：

然后。我们用XML格式对其进行解析，分别解析出文本节点title，和intro

就简单实现了Ajax对xml的解析

Ajax返回值之json类型2

 

作为普通文本返回类型时，又有了一下几种常用的变通形式

1. 返回剪短的标志字符串，0,1

2. 后台返回大段的html代码，直接innerHTML到前端页面

3. json格式，再由JS解析，

111111111111111111

{title:'天龙八部',intro:'人生八苦'}

 

var book = eval('('+this.responseText+')');    //将json文本转换为对象

alert(book);                             //得到的是对象

document.getElementById('news').innerHTML = "书名："+book.title+"
简介："+book.intro;                            //对象名.节点 就是使用

2222222222222222

//模拟服务器数据库取数据 json_encode() 自动编码

$book = array('title'=>"天龙八部",'intro'=>'人生八苦');

echo json_encode($book);

json会自动编码：

解析后得到一样的效果：

 

PHP中使用json格式字符串：

使用反向解码： json_decod();    即可以实现

returnhtml.php代码：

 

foreach(array('新闻1','新闻2','新闻3') as $v)

{ echo '

',$v,'

'; }

 

 

returnjson.php 代码

 

//javascriptObjacetNotation

//{title:'天龙八部',intro:'人生八苦'}

//

//

//模拟服务器数据库取数据

$book = array('title'=>"天龙八部",'intro'=>'人生八苦');

echo json_encode($book);

 

?>

 

html代码：

 

书名: type="text" id="btitle" />           简介: type="text" id="bintro" />               type="button" value="测试返回XML格式" onclick="test1();"/>          type="button" value="测试返回HTML代码" onclick="test2();"/>          type="button" value="测试返回json格式" onclick="test3();"/>          id="news">