Ajax属性和函数以及 返回值之XML格式和文本格式(二)

前端之家收集整理的这篇文章主要介绍了Ajax属性和函数以及 返回值之XML格式和文本格式(二)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
(一)
客户端请求文本之json格式:接收到json格式,再有js解析(具体先eval成对象,然后.即可)
  1. var text = this.responseText;
  2. var book = eval('('+ text +')');
  3. document.getElementById('btitle').value = book.title;
  4. document.getElementById('bintro').value = book.intro;

//其中btitle和bintro是客户端网页中的一个text文本域

服务器端代码:
方式一:如果从数据库返回数据,先把数据写成数组,然后通过函数转成json
  1. <?PHP
  2. $book = array('title'=>'天龙八部','intro'=>'人生八苦');
  3. echo json_encode($book);
  4. ?>

方式二:
/*如果直接返回json,可以将下面一句放到?>外面即可*/
具体代码如下
  1. <?PHP
  2. ?>
  3. {title:'天龙八部',intro:'人生八苦'}

(二)
客户端请求文本之html格式:后台返回大段的HTML代码,直接innerHTML到前段页面
  1. var text = this.responseText;
  2. document.getElementById("news").innerHTML = text;


服务器端代码直接是html文本

具体代码
  1. <?PHP
  2. /*
  3. 数据库取出N条数据
  4. */
  5. foreach (array('新闻1','新闻2','新闻3') as $v) {
  6. echo '<li>',$v,'</li>';
  7. }
  8. ?>

猜你在找的Ajax相关文章