1.当dataType:"text"时，处理页面用的是DBDA类中的Strquery()方法，所以返回的数据是下面这样的，所以要对返回来的数据用split根据“|”和“^”来分割，保存到数组，例子见三级联动

2.当dataType:"json"时，处理页面使用DBDA类中的Guanquery()方法，所以返回的数据是下面这样的，json相当于关联数组，处理界面一般用Guanquery()

以填充民族表为例

显示页面代码

<script src="jquery-1.11.2.min.js"></script>      //一定不要忘记引入

</head>

<body>

<select id="nation">                              //造一个下来菜单，下面用jquery往里添加option

</select>

</body>

</html>

<script>

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

    $.ajax({

        url:"jsonchuli.php",

        dataType:"json",

        success:function(data)

        {

            alert(data);

            var str ="";

                for(var i=0;i<data.length;i++)          //使用for循环，遍历返回的数据，下面用data.code和data.name，因为处理页面是调用的关联数组

                {

                    str = str+"<option value='"+data[i].Code+"'>"+data[i].Name+"</option>";

                }

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

            }

        });

});

</script>

处理界面

<?php

include("DBDA.class.php");

$db=new DBDA();

$sql="select * from nation ";

echo json_encode($db->GuanQuery($sql));        //用json_encode(),并且是调用返回关联数组的方法

3.当dataType:"xml"时

XML的特点：

1.必须要有一个根
2.标签名自定义
3.对大小写敏感
4.有开始就要有结束
5.同一级别下只能有一个标签名

<nation>

<n1>

<code>n001</code>

<name>汉族</name>

</n1>

<n2>

<code>n002</code>

<name>回族</name>

</n2>

</nation>

显示页面

<select id="sel">

</select>

<script type="text/javascript">

$.ajax({

        url:"xmlchuli.php",

        dataType:"XML",

        success: function(data){

                alert($(data).find("nation").attr("bs"));  //这是通过找nation标签，取它的ts属性

                var allcode = $(data).find("code");    //通过$(data).find();找到的是所有的code

                var allname = $(data).find("name");    //通过$(data).find();找到的是所有的name

                var str ="";

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

                {

                    var code = allcode.eq(i).text();     //把allcode每一项遍历给code

                    var name = allname.eq(i).text();

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

                }

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

            }

    });

</script>

处理页面

<?php

include("DBDA.class.php");

$db = new DBDA();

$sql = "select * from nation";

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

echo "<nation bs='1'>";   //还可以给标签设置属性

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

{

    echo "<n{$k}><code>{$v[0]}</code><name>{$v[1]}</name></n{$k}>";

}

echo "</nation>";

jquery中ajax方法返回的三种数据类型：text、json、xml；的更多相关文章

  1. ajax处理返回的三种格式（json格式 , xml通用格式 , html文本格式）（数据类型：整数、字符串、数组、对象）（基础最重要！）

    ajax方法的参数 常用的ajax参数比如url,data,type,包括预期返回类型dataType,发送到服务器的数据的编码类型contentType,成功方法,失败方法,完成方法.除了这些以外还 ...

  2. 关于Jquery中ajax方法data参数用法的总结

    data 发送到服务器的数据.将自动转换为请求字符串格式.GET 请求中将附加在 URL 后.查看 processData 选项说明以禁止此自动转换.必须为 Key/Value 格式.如果为数组,jQ ...

  3. jQuery中ajax如何返回值到上层函数

    jQuery中ajax如何返回值到上层函数 一.总结 一句话总结: ajax的同步操作即可,设置 async: false, 二.jquery的同步操作 var can_submit=true; $. ...

  4. jquery中$.ajax方法提交表单

    function postdata(){                        //提交数据函数 $.ajax({                                //调用jqu ...

  5. jQuery中ajax方法无法执行回调函数问题

    最近遇到一个问题,发现使用jquery的ajax方法时,回调方法无法执行,而使用$.load()方法时却能正确返回数据.经过长时间调试最终发现是自己粗心大意,原来后台返回的是json数据,而返回的数据 ...

  6. JQuery中$.ajax()方法参数详解 及 async属性说明

    url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 ...

  7. jQuery中 $.ajax()方法详解

    $.ajax()方法详解 jquery中的ajax方法参数总是记不住,这里记录一下. 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为Strin ...

  8. jQuery中$.ajax()方法参数解析

    本文实例为大家讲解了jQuery $.ajax()方法参数,供大家参考,具体内容如下 $.ajax({ url:'test.do', data:{id:123,name:'xiaoming'}, ty ...

  9. jquery的ajax可以传入的三种参数类型

    在jquery的ajax函数中,可以传入3种类型的数据 1.文本:"uname=alice&mobileIpt=110&birthday=1983-05-12" 2 ...

随机推荐

  1. Material Design风格的水波涟漪效果（Ripple Effect）的实现

    Material Design是Google在2014年Google I/O大会上推出的一套全新的设计语言,经过接近两年的发展,可谓是以燎原之势影响着整个设计交互生态,和Material Design ...

  2. Selenium WebDriver中一些鼠标和键盘事件的使用

    转自:http://www.ithov.com/linux/133271.shtml 在使用 Selenium WebDriver 做自动化测试的时候,会经常模拟鼠标和键盘的一些行为.比如使用鼠标单击 ...

  3. Number plate recognition with Tensorflow

    2015年5月  在此处  http://matthewearl.github.io/2016/05/06/cnn-anpr/#rd 寻觅出 使用TenserFlow的车牌号识别 技术. 感觉很有必要 ...

  4. CEF使用的几个注意点

    CEF为chrome浏览器的切入其他浏览器中的轻量级框架. 开发的客户端的时候,这是作为界面显示的首先,可以增强客户的易变性,可塑性. 在开发的过程中(侧重于C,C++解决),遇到的几个问题,以及自己 ...

  5. sql server 自增长id 允许插入显示值

    --允许插入显示插入主键id的值SET IDENTITY_INSERT [T0002_SType] ON 执行insert插入语句------------------ --关闭 插入显示值SET ID ...

  6. 51nod 1459 迷宫游戏(dij)

    题目链接:51nod 1459 迷宫游戏 dij裸题. #include<cstdio> #include<cstring> #include<algorithm> ...

  7. CSS3中媒体查询，更换样式表

    <link rel="stylesheet" href="css/1.css" media="(min- width:600px)"& ...

  8. java发送 get请求

    package com.java.base; import java.io.BufferedReader; import java.io.InputStreamReader; import java. ...

  9. AIX修改用户密码登录不成功案例分享

    背景:使用passwd XXXX fcesjaif,修改新密码仍然提示密码不正确.拒绝登录 a. 使用命令lsuser -f XXXX |grep -i successful 查看不成功的次数 chu ...

  10. WCF初探-3：WCF消息交换模式之单向模式

    单向模式(One-Way Calls): 在这种交换模式中,存在着如下的特征: 只有客户端发起请求,服务端并不会对请求进行回复 不能包含ref或者out类型的参数 没有返回值,返回类型只能为void ...