Ajax调用返回json,xml数据类型(0517--pm)

一、返回Json型数据:

1.主页面

 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 <select id="sel">
11 </select>
12 </body>
13 <script type="text/javascript">
14 $(document).ready(function(e) {
15
16     $.ajax({
17         url:"ChuLi.php",
18         dataType:"JSON",
19         success: function(data){
20
21             //alert(data);
22             var str = "";
23             for(var k in data)
24             {
25                 str+="<option value=‘"+data[k][0]+"‘>"+data[k][1]+"</option>";
26             }
27
28             $("#sel").html(str);
29
30             }
31         });
32
33 });
34 </script>
35 </html>

2.处理页面

 1 <?php
 2
 3 include("../DBDA.class.php");
 4 $db = new DBDA();
 5
 6 $sql = "select * from Nation";
 7 $attr = $db->Query($sql);
 8
 9 echo json_encode($attr);
10
11
12
13 ?>

3.运行结果

二、返回xml数据

XML:页面之间传递数据,跨平台传递

HTML:超文本标记语言,核心标签

1. 什么是XML?

XML(eXtensible Markup Language)即可扩展标记语言,它与HTML一样,都是SGML(Standard Generalized Markup Language,标准通用标记语言)。Xml是Internet环境中跨平台的,依赖于内容的技术,是当前处理结构化文档信息的有力工具。扩展标记语言XML是一种简单的数据存储语言,使用一系列简单的标记描述数据,而这些标记可以用方便的方式建立,虽然XML占用的空间比二进制数据要占用更多的空间,但XML极其简单易于掌握和使用。

XML与Access,Oracle和SQL Server等数据库不同,数据库提供了更强有力的数据存储和分析能力,例如:数据索引、排序、查找、相关一致性等,XML仅仅是展示数据。事实上XML与其他数据表现形式最大的不同是:他极其简单。这是一个看上去有点琐细的优点,但正是这点使XML与众不同。

XML的简单使其易于在任何应用程序中读写数据,这使XML很快成为数据交换的唯一公共语言,虽然不同的应用软件也支持其它的数据交换格式,但不久之后他们都将支持XML,那就意味着程序可以更容易的与Windows、Mac OS, Linux以及其他平台下产生的信息结合,然后可以很容易加载XML数据到程序中并分析他,并以XML格式输出结果。

2. XML特点:

1.标签名可以自己定义
2.有且只有一个根
3.大小写敏感
4.标签必须完整

3. XNL书写形式:

 1 <xml version=‘1.0‘>
 2 <Nation>
 3     <one>
 4         <Code>n001</Code>
 5         <name>汉族</name>
 6     </one>
 7     <two>
 8         <code>n002</code>
 9         <name>苗族</name>
10     </two>
11 </Nation>

4. 例子:同上面Json的例子

1.主页面  

 1 <head>
 2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 3 <title>无标题文档</title>
 4 <script src="../jquery-1.11.2.min.js"></script>
 5 </head>
 6
 7 <body>
 8 <select id="sel"></select>
 9 </body>
10 <script type="text/javascript">
11 $(document).ready(function(e) {
12
13     $.ajax({
14         url:"chulixml.php",
15         dataType:"XML",
16         success:function(data){
17
18             var ch = $(data).find("nation").children();
19             var str = "";
20             for(var i=0;i<ch.length;i++)
21             {
22                 var code = $(ch[i]).find("code").text();
23                 var name = $(ch[i]).find("name").text();
24
25                 str+="<option value=‘"+code+"‘>"+name+"</option>";
26             }
27             $("#sel").html(str);
28
29             }
30         });
31 });
32 </script>
33 </html>

 2. 处理页面

 1 <?php
 2 include("../DBDA.class.php");
 3 $db = new DBDA();
 4
 5 $sql = "select * from nation";
 6
 7 $attr = $db->Query($sql);
 8
 9 echo "<?xml version=‘1.0‘?>";
10
11 echo "<nation>";
12
13 foreach($attr as $k=>$v)
14 {
15     echo "<shuju{$k}>";
16
17     echo "<code>{$v[0]}</code>";
18     echo "<name>{$v[1]}</name>";
19
20     echo "</shuju{$k}>";
21 }
22
23 echo "</nation>";

 3.运行结果

三、Ajax调用返回Json数据,封装类

 1 //Ajax调用返回JSON
 2     public function JsonQuery($sql,$type=1,$db="mydb")
 3     {
 4         //定义数据源
 5         $dsn = "mysql:dbname={$db};host={$this->host}";
 6         //造pdo对象
 7         $pdo = new PDO($dsn,"{$this->uid}","{$this->password}");
 8
 9
10         //准备执行SQL语句
11         $st = $pdo->prepare($sql);
12
13         //执行预处理语句
14         if($st->execute())
15         {
16             if($type==1)
17             {
18                 $attr = $st->fetchAll(PDO::FETCH_ASSOC);
19                 return json_encode($attr);
20             }
21             else
22             {
23                 if($st)
24                 {
25                     return "OK";
26                 }
27                 else
28                 {
29                     return "NO";
30                 }
31             }
32
33         }
34         else
35         {
36             echo "执行失败!";
37         }
38     }
39     

时间: 2024-10-10 17:13:39

Ajax调用返回json,xml数据类型(0517--pm)的相关文章

jquery ajax调用返回json格式数据处理

Ajax请求默认的都是异步的 如果想同步 async设置为false就可以(默认是true) var html = $.ajax({ url: "some.php", async: false }).responseText; 返回json数组取条数用result.length <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs"

Ajax调用返回json数组,对象 (JSONArray.fromObject)

JSONArray和JSONObject的详细使用:http://blog.csdn.net/yangbobo1992/article/details/8350765 /** * ajax调用返回json数组 * @param list */ public void printList(List<?> list){ HttpServletResponse response = ServletActionContext.getResponse(); //获取response实例 response

SpringMVC 避免IE执行AJAX时,返回JSON出现下载文件

<?xml version="1.0" encoding="UTF-8"?> <!-- SpringMVC配置文件 --> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:p="http://www.springframework.org/schema/p" xmlns:xsi="http://www.w3

ajax请求返回Json字符串运用highcharts数据图表展现数据

[1].[图片] Json字符串和highcharts数据图表展现.jpg 跳至 [1] [2] [2].[代码] Json字符串和highcharts数据图表展现 跳至[1] [2] 001 /* 002 * Filename: OQtyOrPriceReport.js 003 * Description:客户订单数量和价格报表分析 004 * Created: 2013.11.14 005 * Author : liangjw 006 * Company:Copyright (C) 2013

采用EXTJS ajax 解析返回json

片段主题:采用EXTJS ajax 解析返回json 知识分类:EXTJS 记录时间: 20150708 功能描述:点击图标根据ID ,AJAX提交后返回json 得到结果,显示图片. 学习心得:初学特别注意, 再想返回JSON 获得数据的情况下必须 使用ajax 的属性 success: function (data){} 来获取否者将只能的到返回的对象(object) ,然而并不会得到json数据(换句话说也就是得不到值). 片段代码: { iconCls : 'silk-config',

Struts2+Jquery实现ajax并返回json类型数据

主要实现步骤如下: 1.JSP页面使用脚本代码执行ajax请求 2.Action中查询出需要返回的数据,并转换为json类型模式数据 3.配置struts.xml文件 4.页面脚本接受并处理数据 网上看到很多关于Struts2+ajax+jquery+json的例子,但是很多都不完整,也看不明白,主要原因是返回jsno类型数据和原来的返回字符串类型数据不一样,并且网友们实现步骤没有说清楚,让初学的朋友捉摸不透到底该怎么做. 我做了个简单的demo,供网友们学习,最后我会附上链接,可以下载整个de

ajax请求返回json字符串/json对象 处理

1. 返回json字符串如何处理 $.ajax({ url:xxx, success:function(date){ }, error:function(){ } }); 通过最原始的返回: PrintWriter out = httpServletResponse.getWriter(): ObjectMapper mapper = new ObjectMapper(); Map map = new HashMap(); map.put("name","zz");

php返回json,xml,JSONP等格式的数据

返回json数据: header('Content-Type:application/json; charset=utf-8'); $arr = array('a'=>1,'b'=>2); exit(json_encode($data)); 注意:如果不加header直接输出json_encode的值的话,返回的是字符串不是对象,js那边就需要先eval('('+data+')')转化为对象,在取值 返回xml数据: header('Content-Type:text/xml; charset

最新升级的火狐38.0.6识别ajax调用返回的&quot;&quot;空值可能有异常。

自已在调用一段ajax开发中,返回的是空值 string result = string.Empty;return result; 但在页面进行$.ajax调用 时 输出alert(result);应该是弹出一个空白的,结果弹出的却是[object XMLDocument],不知何原因