Ajax返回数据格式

Ajax中返回数据的格式

Ajax中常见的返回数据的格式有三种:分别为文本,XML和JSON

返回的文本格式我们在上一堂课Ajax基础介绍中已经介绍过了

Ajax.php

Form.html:通过Ajax对象的responseText属性就可以获取到返回的文本信息

XML格式

XML文件具有的几大特点:

  1. 标签没有预定义,开发者根据自己的需求发明标签
  2. 结构清晰,具有自我描述性。从XML文档就可以看出数据的内容
  3. 都是双标签
  4. 和HTML相似,同样也具有树结构

XML文件示例

Ajax返回XML示例

核心代码:

需要将MIME类型修改为text/xml

返回数据应该返回XML 标签

接受Ajax返回的XML数据并且进行处理

详细代码参见【Ajax返回XML数据格式】

JSON格式

在JavaScript中,有一种简单的申明对象的方式为:

“{属性名:属性值,属性名:属性值}”

例如:

var i= {“username”:”xiejie”,”age”:18}

由于JSON格式相比XML更小,传输更快,所以现在Ajax返回json数据格式的情况更多

Ajax返回JSON格式示例:

Ajax.php 需要将返回的数据格式修改为json数据格式

Form.html也需要修改

JQueryAjax的应用

在JQuery里面对Ajax进行了封装。单独给出了一些方法,load(),get(),post(),ajax()

Load()方法:是JQuery中最为简单的方法

该函数接收3个参数(url,data,callback)


参数类型


类型


说明


url


字符串


请求的url地址


Data(可选)


对象


发送至服务器的key/value


Callback(可选)


回调函数


请求完成时,调用的回调函数

示例:

Load.html  用来被加载的文档

Test.html

通过load方法向服务器发送数据

在load方法里面,默认如果是没有向服务器提交数据,则是get方式提交,如果有向服务器提交数据,则是post方式

示例:用load()方法改写表单验证案例

Get():指明提交至服务器的方式为GET

Post():指明提交至服务器的方式为POST

Ajax():Ajax()方法是最底层的方法,也就是说,上面的方法都是从Ajax()方法衍生的,上面方法能够实现的功能,Ajax()都能实现

时间: 08-13

Ajax返回数据格式的相关文章

jquery发送ajax请求返回数据格式

1 jquery向服务器发送一个ajax请求后,可以返回多种类型的数据格式,包括:html,xml,json,text等. 2 3 1.html格式的数据 4 5 "<div class='comment'><h6> "+username+" :</h6><p class='para'> "+content+" </p></div>" 6 7 服务器端返回数据格式是html片

ajax返回数据解析总结

ajax即异步 JavaScript 和 XML(Asynchronous JavaScript and XML). 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示. 使用 AJAX 的应用程序案例:谷歌地图.腾讯微博.优酷视频.人人网等等. 通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本.HTML.XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中. 前面已经提过aja

ajax返回页面停留跳转

ajax返回数据后,页面停留跳转. 原理:利用匿名函数自动运行的特性和定时器来完成. 1 (function(){ 2 var wait =1; // 设置停留时间单位秒 3 var href =data.url; //设置跳转的url地址 4 var interval = setInterval(function(){ 5 var time = --wait; 6 if(time <= 0) { 7 location.href = href; 8 clearInterval(interval)

JQuery处理json与ajax返回JSON实例[转]

json数据是一种经型的实时数据交互的数据存储方法,使用到最多的应该是ajax与json配合使用了,下面我来给大家介绍jquery处理json数据方法. 一.JSON的一些基础知识. JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value). “[]”,标识数组,数组内部各个数据之间通过“,”分割,如[“AreaId”:”123”,”AreaId”:”345”]. 很多情况下是对象数组,那就是这样:  代码如下

jquery 或ajax返回的中文数据总是乱码解决方案

要将Servlet中的 response.setContentType("text/html;charset=utf-8")这行代码放在 PrintWriter out = response.getWriter()之前. jquery 或ajax返回的中文数据总是乱码解决方案,布布扣,bubuko.com

jquery操作Ajax返回的JSON值

$.post( 'XXX.php', { col: value }, function(data) { var getData = eval( "(" + data + ")" ); //必须用括号,真蛋疼 alert( getData.xx ); } ); jquery操作Ajax返回的JSON值,布布扣,bubuko.com

jquery操作ajax返回的页面元素

这两天工作不忙,正好从朋友那里拿到一个某个应用的开发文档,相关数据放在了mongodb里,自己电脑可以本地开启服务器然后通过给的借口来获取数据.由于这是一个比较大比较全的一个完整项目,也没有那么多经历全部做一下,就找了其中几部分来做一下,由于是一个电商类的移动端,所以那些数据都是动态加载上去的,通过ajax动态获取然后添加到页面上,所以主要是模板引擎的使用和ajax的运用,其他就是一些样式的操作.虽然以前也做过,但是这次碰到了一个问题,就是需要在ajax返回的内容里找到某个元素,然后给那个元素绑

调用AJAX返回JSON、XML数据类型

1.调用AJAX返回JSON数据 用下拉列表显示Nation表民族名称 主页面: <!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"> <he

JavaScript之Ajax-4 XML解析(JavaScript中的XML、Ajax返回并解析XML)

一.JavaScript中的XML XML DOM对象 - IE 浏览器通过 ActiveXObject 对象得到 XML DOM 对象 - 其他浏览器通过 DOMParser 对象得到 XML DOM 对象 XML DOM对象的支持 - XML DOM(XML Document Object Model)定义了访问和操作XML文档的标准方法 - DOM 把 XML 文档作为树结构来查看.能够通过DOM树来访问所有元素 加载并解析XML字符串 二.Ajax返回并解析XML 使用XHR发送XML字

JQuery处理json与ajax返回JSON实例

一.JSON的一些基础知识. JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value). “[]”,标识数组,数组内部各个数据之间通过“,”分割,如[“AreaId”:”123”,”AreaId”:”345”]. 很多情况下是对象数组,那就是这样: 代码如下 复制代码 [{“AreaId”:”123”},{“AreaId”:”345”}] 其实数组也是一个对象,上面的格式也可以写成这样: 代码如下 复制代码 {“