Ajax属性跟函数以及 返回值之XML格式和文本格式(二)
Ajax属性和函数以及 返回值之XML格式和文本格式(二)
(一)
客户端请求文本之json格式:接收到json格式,再有js解析(具体先eval成对象,然后.即可)
方式一:如果从数据库返回数据,先把数据写成数组,然后通过函数转成json
方式二:
/*如果直接返回json,可以将下面一句放到?>外面即可*/
具体代码如下
(二)
客户端请求文本之html格式:后台返回大段的html代码,直接innerHTML到前段页面
(一)
客户端请求文本之json格式:接收到json格式,再有js解析(具体先eval成对象,然后.即可)
var text = this.responseText; var book = eval('('+ text +')'); document.getElementById('btitle').value = book.title; document.getElementById('bintro').value = book.intro;
//其中btitle和bintro是客户端网页中的一个text文本域
服务器端代码:方式一:如果从数据库返回数据,先把数据写成数组,然后通过函数转成json
<?php $book = array('title'=>'天龙八部','intro'=>'人生八苦'); echo json_encode($book); ?>
方式二:
/*如果直接返回json,可以将下面一句放到?>外面即可*/
具体代码如下
<?php ?> {title:'天龙八部',intro:'人生八苦'}
(二)
客户端请求文本之html格式:后台返回大段的html代码,直接innerHTML到前段页面
var text = this.responseText; document.getElementById("news").innerHTML = text;
服务器端代码:直接是html文本
具体代码:<?php /* 从数据库取出N条数据 */ foreach (array('新闻1','新闻2','新闻3') as $v) { echo '<li>',$v,'</li>'; } ?>