Ajax返回值类型与用法实例分析
程序员文章站
2022-03-21 13:14:31
本文实例讲述了ajax返回值类型与用法。分享给大家供大家参考,具体如下:
ajax返回值类型主要有xml类型和文本类型,其中文本类型又可以分为html、json类型等。...
本文实例讲述了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类型
如果返回值是json文本,首先需要使用eval函数将文本转换为js对象,然后才能使用其属性。
案例:
使用ajax返回值
文件结构图:
07-returntype-html文件:
页面中有3个按钮,分别实现了onclick事件,点击每个按钮就是从服务器获取不同格式的数据,然后解析,显示到页面中。
07-returntype-xml.php文件:
主要是返回xml格式的数据
07-returntype-html.php文件:
主要是返回html文本
07-returntype-json.php文件:
主要是返回json格式数据
效果图: