ajax返回类型有TEXT,JSON,XML

一.TEXT

　　查看之前的练习

二.JSON

var js = {

　　　　　　　　　　aa:{code:"p001",name:"张三"},

　　　　　　　　　　 bb:{code:"p002",name:"李四"},

　　　　　　　　};

　　　　　　　　　　for(key in js)

　　　　　　　　　　{

　　　　　　　　　　　　　　alert(key);

　　　　　　　　　　}

显示数据页面----显示结果是索引数组

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>返回类型JSON</title>

<script src="../jquery-1.11.2.min.js">

</script>

</head>

<body>

<select id="sel"></select>

</body>

</html>

<script type="text/javascript">

$(document).ready(function(e) {

	$.ajax({

		url:"chulijson.php",

		dataType:"JSON",

		success: function(data){

			//alert(data);

			/*var str ="";//方法一

			for(k in data)

			{

				str+="<option value='"+data[k][0]+"'>"+data[k][1]+"</option>";

			}			

			$("#sel").html(str);*/

			var str ="";//方法二

			for(var i=0;i<data.length;i++)

			{

				str+="<option value='"+data[i][0]+"'>"+data[i][1]+"</option>";

			}

			$("#sel").html(str);

			}

		});

});

</script>

　　

处理页面

<?php

include("DBDA.php");

$db = new DBDA();

$sql = "select * from Nation";

$attr = $db->Query($sql);

echo json_encode($attr);

　　效果展示

三.XML

XML：页面之间传递数据，跨平台传递

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

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

书写规则如下所示：

<xml version='1.0'>
<Nation>     //自定义并且成对出现有且只有一个
　　<one>
　　　　<code>111</code>
　　　　<name>qqq</name>
　　　</one>

　　<two>
　　　　<code>222</code>
　　　　<Name>ppp</Name>
　　</two>
</Nation>

在网页中显示结果是：111  qqq   222   ppp

上面例题的另一种做法

数据显示页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>返回类型之XML</title>

<script src="../jquery-1.11.2.min.js">

</script>

</head>

<body>

<select id="sel"></select>

</body>

</html>

<script type="text/javascript">

$(document).ready(function(e) {

	$.ajax({

		url:"chuliXML.php",

		dataType:"XML",

		success: function(data){

			//alert(data);

			var ch = $(data).find("nation").children();

			var str ="";

			for(var i=0;i<ch.length;i++)

			{

				var code = $(ch[i]).find("code").text();

				var name = $(ch[i]).find("name").text();

				str+="<option value='"+code+"'>"+name+"</option>";

			}

			$("#sel").html(str);

			}

		});

});

</script>

　　

处理页面

<?php

include("DBDA.php");

$db = new DBDA();

$sql = "select * from Nation";

$attr = $db->Query($sql);

echo "<nation>";

foreach($attr as $k=>$v)

{

	echo "<shuju{$k}>";

		echo "<code>{$v[0]}</code>";

		echo "<name>{$v[1]}</name>";

	echo "</shuju{$k}>";

}

echo "</nation>";

　　

       　　

5月17 AJAX返回类型-------JSON和XML的更多相关文章

  1. Ajax返回类型JSON,XML

    Ajax的三种返回类型 **一.TEXT *二.JSON 数据显示页面代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti ...

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

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

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

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

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

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

  5. jQuery form插件的使用--处理server返回的JSON， XML，HTML数据

    详细代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> & ...

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

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

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

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

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

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

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

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

随机推荐

  1. [easyui] - 在easyui的table中展示提示框

    因为在easyui的table中字段过多,而无法展示全时,被迫只能使用这个方法. 使用方式: 在 $('#dg').datagrid({ 后的 queryParams: form2Json('sear ...

  2. 【Hadoop 分布式部署 九：分布式协作框架Zookeeper架构 分布式安装部署 】

    1.首先将运行在本地上的  zookeeper 给停止掉 2.到/opt/softwares 目录下  将  zookeeper解压到  /opt/app 目录下 命令:  tar -zxvf zoo ...

  3. mybatis配置文件resultMap标签的使用

    本文为博主原创,未经允许不得转载: resultMap标签是为了映射select查询出来结果的集合,其主要作用是将实体类中的字段与 数据库表中的字段进行关联映射. 注意:当实体类中的字段与数据库表中的 ...

  4. 5+ App开发打包指南

    HTML5 Plus应用概述 HTML5 Plus移动App,简称5+App,是一种基于HTML.JS.CSS编写的运行于手机端的App,这种App可以通过扩展的JS API任意调用手机的原生能力,实 ...

  5. hdu 3836 Equivalent Sets trajan缩点

    Equivalent Sets Time Limit: 12000/4000 MS (Java/Others)    Memory Limit: 104857/104857 K (Java/Other ...

  6. SpringBoot中加密com.github.ulisesbocchio

    Jasypt Spring Boot 为 Spring Boot 项目中的属性源(property sources)提供加密支持. 有三种方法可以在项目中集成 jasypt-spring-boot: ...

  7. Teams UVA - 11609

    题意就不多说了这个小规律不算难,比较容易发现,就是让你求一个数n*2^(n-1):很好想只是代码实现起来还是有点小困(简)难(单)滴啦,一个快速幂就OK了: 代码: #include<stdio ...

  8. ISNULL函数的深入讲解

    1.  标题有点夸张 2. 今天做统计查询员工加班时长的时,因为要将NULL值导入到decimal类型的字段中,但是发现导入之后得字段不属于NULL也不等于0,因此在接下来的运算过程中就很难继续进行, ...

  9. Uncaught TypeError: (intermediate value)(...) is not a function 上一个方法结束没有加分号; 代码解析报错

    Uncaught TypeError: (intermediate value)(...) is not a function 别忽略了,  第一个方法后面的结束 分号; 不起眼的,引来麻烦, 哎,规 ...

  10. java与js交互，相互调用传参

    随着前端技术的发展与H5的广泛使用,移动端采用native+h5的方式越来越多了,对于Android来说就涉及到java与js的交互,相互调用传参等.下面就来看一下java与js交互的简单demo. ...