Ajax返回数据格式
Ajax中返回数据的格式
Ajax中常见的返回数据的格式有三种:分别为文本,XML和JSON
返回的文本格式我们在上一堂课Ajax基础介绍中已经介绍过了
Ajax.php
Form.html:通过Ajax对象的responseText属性就可以获取到返回的文本信息
XML格式
XML文件具有的几大特点:
- 标签没有预定义,开发者根据自己的需求发明标签
- 结构清晰,具有自我描述性。从XML文档就可以看出数据的内容
- 都是双标签
- 和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也需要修改
JQuery与Ajax的应用
在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()都能实现
Ajax返回数据格式的更多相关文章
- springboot统一ajax返回数据格式,并且jquery ajax success函数修改
服务端代码: package com.zhqn.sc.cfg; import org.springframework.core.MethodParameter; import org.springfr ...
- TP中的AJAX返回ajaxReturn()
系统支持任何的AJAX类库,Action类提供了ajaxReturn方法用于AJAX调用后返回数据给客户端.并且支持JSON.XML和EVAL三种方式给客户端接受数据,通过配置DEFAULT_AJAX ...
- thinkphp中AJAX返回ajaxReturn()方法分析
本文分析了thinkphp中AJAX返回ajaxReturn()方法.分享给大家供大家参考,具体如下: 系统支持任何的AJAX类库,Action类提供了ajaxReturn方法用于AJAX调用后返回数 ...
- thinkphp中的AJAX返回ajaxReturn()
系统支持任何的AJAX类库,Action类提供了ajaxReturn方法用于AJAX调用后返回数据给客户端.并且支持JSON.XML和EVAL三种方式给客户端接受数据,通过配置DEFAULT_AJAX ...
- jquery发送ajax请求返回数据格式
jquery向服务器发送一个ajax请求后,可以返回多种类型的数据格式,包括:html,xml,json,text等. 1.html格式的数据 "<div class='comment ...
- jquery ajax 返回值 中文时乱码或变成问号解决方法
转载自jquery的 ajax返回值为中文时乱码解决方法 用jquery的ajax,遇到个问题,服务器端从数据库取到的数据没有出现中文乱码问题(日志打出来是没有乱码的),但是异步传到客户的时候却出现了 ...
- ajax返回数据解析总结
ajax即异步 JavaScript 和 XML(Asynchronous JavaScript and XML). 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示 ...
- Thinkphp 零散知识点(caa/js路径,引入第三方类,ajax返回,session/cookie)
一.关于JS和CSS路径问题 1.找路径是从入口文件index.php来找的,而不是从文件本身所在位置来找, 因为我们访问时是访问的入口文件 2.在存放JS和CSS的时候可以放到public文件夹下 ...
- 关于由ajax返回的数据在for循环中只能取到最后一个数的问题
关于由ajax返回的数据在for循环中只能取到最后一个数的问题 以上是来自后台的数据格式.从数据中可以看出,里面包含两个商品,每个商品价格分别为:1.98,13.60.这里我要计算两个商品的总价格,但 ...
随机推荐
- Power Strings--KMP
https://cn.vjudge.net/problem/POJ-2406 上面是比赛链接. 题目意思很明确,问最多是多少个子串连接而成的? 这个需要用到KMP,很好的理解KMP的Next数组.Ne ...
- CodeForces - 762E:Radio stations (CDQ分治||排序二分)
In the lattice points of the coordinate line there are n radio stations, the i-th of which is descri ...
- HTTP上传大文件要考虑的问题
1.大文件上传服务器内存占用 一般WEB开发框架如SpringMVC,在基于Web容器如Tomcat处理HTTP请求时,都倾向于采用职责链流水线式的处理机制.HTTP请求被封装为一个可解析对象放在内存 ...
- HDU1711(KMP入门题)
Number Sequence Time Limit: 10000/5000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) ...
- html格式
优美的代码编写方式是我们装逼的基础,在python中我们称优秀的代码为pythonic,无独有偶,html.css.js也都有着自己相比更优美的写法~ <!DOCTYPE html> &l ...
- bzoj4289
最短路 很容易想到边和边之间连边,但是这样菊花图就完蛋了 我们想办法优化一下,能不能不要每条边都连. 考虑查分,把一个点的出边串起来,这样就行了,每条无向边拆成两条就能保证了 #include< ...
- B - Sea and Islands
Time Limit:1000MS Memory Limit:262144KB 64bit IO Format:%I64d & %I64u Description A map ...
- 技术胖Flutter第三季-17布局PositionedWidget层叠定位组件
博客地址: https://jspang.com/post/flutter3.html#toc-d7a 把我们上节的 Container的部分代码去掉. 使用:Positioned 有点像css里面的 ...
- 玲珑OJ1088【蜜汁尺取】
前言(膜法): 早上10点多开始膜的,然后到中午交了一发,感觉膜法不对啊!然后就兴起小窗了一发管理员,然后管理员给我发了in,out数据...可是太大并没有什么可取性... 还是自己试,然后发现自己搞 ...
- Android NDK开发指南(一) Application.mk文件
http://www.cnblogs.com/yaozhongxiao/archive/2012/03/06/2381586.html Application.mk目的是描述在你的应用程序中所需要的模 ...