Ajax返回值类型与用法实例分析

这篇文章主要介绍了Ajax返回值类型与用法,结合实例形式分析了ajax返回值的xml类型与文本类型详细分类、用法与相关操作注意事项,需要的朋友可以参考下

本文实例讲述了Ajax返回值类型与用法。分享给大家供大家参考,具体如下:

Ajax返回值类型主要有XML类型和文本类型,其中文本类型又可以分为HTML、json类型等。

1、返回值之XML类型

如果服务器的响应头中Content-type的内容为text/xml时,此时XMLHttpRequest对象的responseXML属性才能使用。

2、返回值之文本类型

文本类型主要分为Html类型和json类型。

(1)Html类型

使用场景:一般返回需要重复复杂的操作。比如,页面使用ajax从服务器请求了json格式数据,返回到页面这,然后又要转换为数组,又要遍历,追加到页面中,可以考虑返回Html类型,在服务器把html页面封装好,然后到页面这只需要直接使用innerHTML追加到页面即可。

(2)json类型

 { "name": "天龙八部", "intro": "《天龙八部》是著名作家金庸的武侠代表作。著于1963年,历时4年创作完成(部分内容曾由倪匡代笔撰写),前后共有三版,并在2005年第三版中经历6稿修订,结局改动较大。" } 

如果返回值是json文本,首先需要使用eval函数将文本转换为js对象,然后才能使用其属性。

案例:

使用Ajax返回值

文件结构图:

07-returntype-html文件:

页面中有3个按钮,分别实现了onclick事件,点击每个按钮就是从服务器获取不同格式的数据,然后解析,显示到页面中。

   Ajax返回值类型 

书名:

简介:

07-returntype-xml.php文件:

主要是返回xml格式的数据

 <?php /** * 返回xml数据 * @author webbc */ header('Content-type:text/xml;charset=utf-8'); echo '<?xml version="1.0" encoding="UTF-8"?>天龙八部'; ?> 

07-returntype-html.php文件:

主要是返回html文本

 <?php /** * 返回html标签数据 * @author webbc */ $arr = array('赵','钱','孙','李'); $str = ''; foreach ($arr as $v) { $str .= '
  • ' . $v .'
  • '; } echo $str; ?>

    07-returntype-json.php文件:

    主要是返回json格式数据

     <?php /** * 返回json格式数据 * @author webbc */ header('Content-type:text/html;charset=utf-8'); echo '{"name":"天龙八部","intro":"《天龙八部》是著名作家金庸的武侠代表作。著于1963年,历时4年创作完成(部分内容曾由倪匡代笔撰写),前后共有三版,并在2005年第三版中经历6稿修订,结局改动较大。"}'; ?> 

    效果图:

    更多关于ajax相关内容感兴趣的读者可查看本站专题:《》、《JavaScript中ajax操作技巧总结》、《PHP+ajax技巧与应用小结》及《asp.net ajax技巧总结专题

    希望本文所述对大家ajax程序设计有所帮助。

    以上就是Ajax返回值类型与用法实例分析的详细内容,更多请关注易知道|edz.cc其它相关文章!

    推荐阅读