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. C# winform combobox默认选中项方法

    https://blog.csdn.net/easyboot/article/details/68062196 可以使用 Combobox.SelectText = “默认选中文本”; 但是如果Com ...

  2. LightOJ 1268 Unlucky Strings（KMP+矩阵乘法+基础DP）

    题意 给出字符串的长度 \(n\) ,以及该字符串是由哪些小写字母组成,现给出一个坏串 \(S\) ,求存在多少种不同的字符串,使得其子串不含坏串. \(1 \leq n \leq 10^9\) \( ...

  3. Latex citation using natbib and footnotesize

    References: Natbib bibliography styles How to change font size for bibliography? Latex citation usin ...

  4. 原生js 当前时间 倒计时代码

    源:https://www.oschina.net/code/snippet_2318153_54763 <!DOCTYPE html> <html> <head> ...

  5. Vim-编辑器之神

    几点声明: 作者只是一位小小的 \(OIer\) ,并不会什么过于神仙的东西,我这篇文章只是帮助人入门的而已. 若有人在 OI-Wiki上见过了原文章,原作者是我 \(......\) ,真不是抄 \ ...

  6. HDU 2426 Interesting Housing Problem（二分图最佳匹配）

    http://acm.hdu.edu.cn/showproblem.php?pid=2426 题意:每n个学生和m个房间,现在要为每个学生安排一个房间居住,每个学生对于一些房间有一些满意度,如果满意度 ...

  7. CodeChef - FNCS Chef and Churu（分块）

    https://vjudge.net/problem/CodeChef-FNCS 题意: 思路: 用分块的方法,对每个函数进行分块,计算出该分块里每个数的个数,这样的话也就能很方便的计算出这个分块里所 ...

  8. BZOJ 2002: [Hnoi2010]Bounce 弹飞绵羊（分块）

    http://www.lydsy.com/JudgeOnline/problem.php?id=2002 题意: 思路:不会LCT,就只好用分块了. 将这n个数分成根号n块,对于每一块中的每一个数,处 ...

  9. python学习打卡 day07 set集合,深浅拷贝以及部分知识点补充

    本节的主要内容: 基础数据类型补充 set集合 深浅拷贝 主要内容: 一.基础数据类型补充 字符串: li = ["李嘉诚", "麻花藤", "⻩海峰 ...

  10. WaitingFormHelper

    using Lba_Ciac; using System; using System.Collections.Generic; using System.Linq; using System.Text ...