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()方法改写表单验证案例

www.yszx11.cn

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

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

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

最新文章

  1. Filezilla 适用于 Win2003 和 WinXP 的版本
  2. Tomcat指定特定JDK版本
  3. Android 开发之旅:view的几种布局方式及实践
  4. 设置sublime text2/3中默认预览浏览器快捷键的方法
  5. IOS 学习教程
  6. [AngularJS] angular-formly: expressionProperties
  7. 移动端 rem字体的使用demo
  8. .Net Webapi SignalR与微信小程序的交互
  9. 使用nodeValue获取值与a标签默认跳转的冲突问题
  10. Java——对象的复制、克隆、序列化
  11. idea 设置光标回到上一次位置的快捷键
  12. [PHP] swoole的安装和简单使用
  13. Java IO--NIO(一)
  14. ok6410下的uboot分析与实现
  15. 8P - 钱币兑换问题
  16. word 里面没输入法
  17. Asp.Net Core MVC控制器和视图之间传值
  18. 关于ASP.NET和.NET的区别和联系
  19. ajax实现highchart与数据库数据结合完整案例分析(三)---柱状折线图
  20. 2-18,19 搭建MySQL主从服务器并并通过mysql-proxy实现读写分离

热门文章

  1. 【LeetCode191】Number of 1 Bits★
  2. JS-JS作用域问题
  3. [尝鲜]妈妈再也不用担心 dotnet core 程序发布了: .NET Core Global Tools
  4. DNS之BIND使用小结(Forward转发)
  5. LINUX内核分析第六周学习总结——进程的描述与创建
  6. Mooc总结——Linux内核分析
  7. warning C4996: 'strcpy': This function or variable may be unsafe.
  8. 个人项目Individual Project:迷宫求解
  9. HDOJ2025_查找最大元素
  10. HDOJ1287_破译密码