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

本文实例讲述了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事件，点击每个按钮就是从服务器获取不同格式的数据，然后解析，显示到页面中。

  
  
  
  



  
书名：
  
简介：
  
  
  
  

07-returntype-xml.php文件：

主要是返回xml格式的数据

天龙八部';
?>

07-returntype-html.php文件：

主要是返回html文本

' . $v .'';
}
echo $str;
?>

07-returntype-json.php文件：

主要是返回json格式数据

效果图：

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

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