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. netty基础

    1,ServerBootstrap  [Bootstrap] 

  2. maven下载jar包下载不下来的解决方法

    转载请注明出处: 在eclipse中安装了maven插件,项目在运行的时候,一直通过pom.xml文件下载jar包,一直下载不下来, 在更新maven库时,如果网络问不定或者是一些自己手动安装到本地m ...

  3. 8、nginx和tengine简介

    练习: 使用nginx反向代理(rr调度)用户请求至两个以上的后端LAMP(按标准路径部署的有pma,wd),不管用户请求是什么内容都反向代理至后端服务器去,但是如果用户请求的是图片或者是html,就 ...

  4. 1月4日笔记 （vi编辑器）更新...

      vi编辑器,全称是visual interface,可以执行输出.删除.查找.替换等众多的文本操作. vi并不是一个排版程序,不可以对字体.格式.段落等其他的属性进行编排. vi是全屏文本编辑程序 ...

  5. springboot整合thymeleaf+tiles示例

    网上关于此框架的配置实在不多,因此想记录下来以防忘记 因为公司框架基于上述(公司采用gradle构建项目,楼主采用的是maven),所以楼主能少走些弯路: 1.创建springboot-maven项目 ...

  6. rtrim

    <?php $str = '14岁'; $new_str = rtrim($str, '岁'); echo $new_str; 如果右边是'岁',就过滤掉.

  7. Kali Linux 更新源 操作完整版教程

    一.查看kali系统的更新源地址文件 命令: vim /etc/apt/sources.list 上面这是kali官方的更新源: 拓展知识: 一个完整的源包括:deb 和 deb-src:上图源地址是 ...

  8. [osg]osg背景图设置

    转自:https://blog.csdn.net/qq_30754211/article/details/61190698 #include <osg/Geometry> #include ...

  9. 从classloader的变更说起

    classloader从1.6到1.7整体分成了两个版本.重点区别就是并行类加载. 1.6版本 protected synchronized Class loadClass(String name, ...

  10. vscode 的tab与空格设置

    为了python 的pep8 标准,把tab键输入从\t的制表符 转为4个空格. 1在vscode下边栏点击 “空格” 在上面选项里设置 使用空格缩进, 以及可以 将缩进转换为空格 2在“文件-> ...