Ajax的三种返回类型

**一.TEXT

*二.JSON

数据显示页面代码:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>
  6. <script src="../../jquery-1.11.2.min.js"></script>
  7. </head>
  8.  
  9. <body>
  10. </body>
  11. <script type="text/javascript">
  12.  
  13. $(document).ready(function(e) {
  14.  
  15. $.ajax({
  16. url:"Untitled-4.php",
  17. data:{},
  18. dataType:"JSON",
  19. type:"POST",
  20. success: function(data){
  21.  
  22. /* for(key in data)
  23. {
  24. alert(data[key].Name);
  25. }*/
  26.  
  27. for(var i=0;i<data.length;i++)
  28. {
  29. alert(data[i].Name);
  30. }
  31.  
  32. }
  33.  
  34. });
  35.  
  36. });
  37.  
  38. </script>
  39. </html>

处理页面代码:

  1. <?php
  2.  
  3. include("JsonQ.php");
  4. $db = new JsonQ();
  5.  
  6. $sql = "select * from Nation";
  7.  
  8. echo $db->JsonQuery($sql);

调用Ajax返回JSON数据类型的方法封装成类,应用的是pdo能比较方便的返回所有数据的关联数组

  1. <?php
  2. class JsonQ
  3. {
  4. public $host = "localhost";//服务器地址
  5. public $uid = "root"; //数据库的用户名
  6. public $pwd = "101213"; //数据库的密码
  7.  
  8. //Ajax调用返回JSON
  9. public function JsonQuery($sql,$type=1,$db="lian1")
  10. {
  11. //定义数据源
  12. $dsn = "mysql:dbname={$db};host={$this->host}";
  13. //造pdo对象
  14. $pdo = new PDO($dsn,"{$this->uid}","{$this->pwd}");
  15.  
  16. //准备执行SQL语句
  17. $st = $pdo->prepare($sql);
  18.  
  19. //执行预处理语句
  20. if($st->execute())
  21. {
  22. if($type==1)
  23. {
  24. $attr = $st->fetchAll(PDO::FETCH_ASSOC);
  25. return json_encode($attr);
  26. }
  27. else
  28. {
  29. if($st)
  30. {
  31. return "OK";
  32. }
  33. else
  34. {
  35. return "ON";
  36. }
  37. }
  38. }
  39. else
  40. {
  41. echo "执行失败!";
  42. }
  43. }
  44.  
  45. }

图示:

三.XML

显示页面:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>
  6. <script src="../../jquery-1.11.2.min.js"></script>
  7. </head>
  8.  
  9. <body>
  10. </body>
  11. <script type="text/javascript">
  12.  
  13. $(document).ready(function(e) {
  14.  
  15. $.ajax({
  16. url:"Untitled-4.php",
  17. data:{},
  18. dataType:"XML",
  19. type:"POST",
  20. success: function(data){
  21.  
  22. alert($(data).find("Code").eq(0).text());//eq是取某一个数据
  23.  
  24. }
  25.  
  26. });
  27.  
  28. });
  29.  
  30. </script>
  31. </html>

处理页面:

  1. <?php
  2. header("Content-type:text/html;charset=utf-8");
  3. $str = <<<GD
  4. <Info>
  5. <n1>
  6. <Code>n001</Code>
  7. <Name>什么</Name>
  8. <Sex>男</Sex>
  9. </n1>
  10. <n2>
  11. <Code>n002</Code>
  12. <Name>哎哟</Name>
  13. <Sex>男</Sex>
  14. </n2>
  15. </Info>
  16. GD;
  17. echo $str;

XML的特点:
1.有且只有一个根
2.大小写敏感
3.标签必须前后呼应,成对存在(就是要写完整)
4.标签名可以自定义,开始标签里面可以写属性,属性名也可以自定义

Ajax返回类型JSON,XML的更多相关文章

  1. api接口写好了?想过(Accept,Content-Type)?返回类型json|xml?

    api接口写好了?想过(Accept,Content-Type)?返回类型json|xml? 起因: - A,B. A调用B提供的api接口. - A:为毛你的接口返回的是xml格式的(浏览器访问)? ...

  2. 5月17 AJAX返回类型-------JSON和XML

    ajax返回类型有TEXT,JSON,XML 一.TEXT 查看之前的练习 二.JSON var js = { aa:{code:"p001",name:"张三" ...

  3. ASP.NET Web API 通过参数控制返回类型(JSON|XML)

    一个很实用的技巧,可以在访问web api服务的时候指定返回数据的格式类型,比如 json 或者 xml. 因为 web api 默认返回的是XML格式,但是现在json 比较流行,同时网上也有其他的 ...

  4. $.ajax返回的JSON格式的数据后无法执行success的解决方法

    近段时间做项目,在项目使用了ajax技术,遇到了一个奇怪的问题:"$.ajax返回的JSON格式的数据无法执行success",代码是这样写的: 1 $.ajax({ 2 .. 3 ...

  5. 11月15日下午 ajax返回数据类型为XML数据的处理

    ajax返回数据类型为XML数据的处理 /*XML:可扩展标记语言 HTML:超文本标记语言 标签:<标签名></标签名> 特点: 1.必须要有一个根 2.标签名自定义 3.对 ...

  6. 关于 Ajax 提交参数格式,及返回类型json

    function Login() {                   $.ajax({                           //提交方式               type:&q ...

  7. ajax返回类型dataType json和text比较

    $.ajax({ type: "post", url: "${ctx}/modules/fos/reference/echart", //dataType:'j ...

  8. 基于Oracle的EntityFramework的WEBAPI2的实现(三)—— 建立APIController及设置返回类型JSON、XML等

    建立普通的ApiControler 右击项目中的controller文件夹·添加·控制器·包含操作的webapi2控制器(使用entity framework),写个名字,如果:Test.然后选择类, ...

  9. 一种Javascript解释ajax返回的json的好方法

    通常ajax请求返回的格式为json或者xml,如果返回的是json,则可以通过转换成javascript对象进行操作,如下: 1.ajax请求的controller实现 @RequestMappin ...

随机推荐

  1. python2 安装scrapy问题解决方法

    错误代码: build/temp.linux-x86_64-:: fatal error: openssl/opensslv.h: 没有那个文件或目录 compilation terminated. ...

  2. 超实用的JavaScript代码段 Item8 -- js对象的(深)拷贝

    js 对象 浅拷贝 和 深拷贝 1.浅拷贝 拷贝就是把父对像的属性,全部拷贝给子对象. 下面这个函数,就是在做拷贝: var Chinese = { nation:'中国' } var Doctor ...

  3. Vim经典讲解

    http://blog.csdn.net/niushuai666/article/details/7275406

  4. HTML5 视频规范简介

    HTML5 视频规范简介  创建于 2013-02-03, 周日 00:56  作者 白建鹏 HTML 一词是“超文本标记语言”(Hyper-Text Markup Language)的缩写,是用于描 ...

  5. NABCD模型(猫咪记单词)

    项目需求分析与建议-NABCD模型(猫咪记单词)   N (Need 需求) 对于现在的学生,尤其是大学生来说,学习英语是一件非常重要的事.我们有四级六级托福雅思等各种各样的英语方面的考试.而学习英语 ...

  6. splunk rest api search

    如下: curl -u admin:changeme -k https://localhost:8089/services/search/jobs -d search="search sou ...

  7. java使用dom4j解析xml文件

    关于xml的知识,及作用什么的就不说了,直接解释如何使用dom4j解析.假如有如下xml: dom4j解析xml其实很简单,只要你有点java基础,知道xml文件.结合下面的xml文件和java代码, ...

  8. linux bash: sqlplus: command not found 错误处理

    在oracle用户下 ,执行sqlplus命令,抛出如上错误.   解决办法:   1.su oracle   2.cd /home/oracle   3. 执行命令 source .bash_pro ...

  9. 学习记录014-ssh批量分发

    一.ssh服务介绍 1.ssh安全的加密协议用于远程连接服务器 2.默认端口是22,安全协议版本ssh2,它能同时支持RSA和DSA秘钥,SSH1只支持RSA 3.服务端主要包含两个服务功能ssh远程 ...

  10. EL表达式详解

    转载自: http://blog.csdn.net/qwerasdf123/article/details/4189889 写在最前面: 如果想使用el表达式,首先必须将jstl.jar,standa ...