JavaWeb 第7章 JQuery 的 Ajax 交互扩展 任务1：掌握更多 jQuery 实现 Ajax 的方法

 JavaWeb 应用设计及实战 目录

上一章   下一章

上一个任务/上一节       下一个任务/下一节

目录

任务1：掌握更多 jQuery 实现 Ajax 的方法

    7.1.7   $.get() 方法和$.post() 方法

       1. $.get() 方法

                      表 7-1 $.get() 方法的常用参数

                                       示例 1 

        2.$.post() 方法

                                      示例2

技能训练

上机练习 1 —— 使用 $.get() 和 $.post() 方法实现异步验证注册邮箱

7.1.2   $.getJSON()方法

                       表 7-3 $.getJSON()方法的常用参数

                                     示例 3 

技能训练

上机练习2 ——使用 $.getJSON() 方法加载管理员页面主题列表

---

任务1：掌握更多 jQuery 实现 Ajax 的方法

       前面章节中介绍了如何使用原生 JavaScript 实现 Ajax 技术来提升用户体验。由于

通过原生 JavaScript 实现 Ajax 并处理响应相对比较复杂，还要考虑浏览器兼容性等一

系列问题， jQuery 中将 Ajax 相关的操作进行了封装，提供了 $.ajax() 方法以简化 Ajax

开发。

        除了 #ajax() 方法以外，jQuery 还提供了几种简单的 Ajax 实现方法，如$.get()、

$.post()、#.getJSON()、对象.load() 等方法，下面介绍它们的具体用法。

    7.1.7   $.get() 方法和$.post() 方法

       1. $.get() 方法

      $.(get)方法时 jQuery 封装的发送 HTTP GET 请求并从服务器加载数据的 Ajax 方法。

具体语法如下。

       语法

$.get(url[,data][,success][,dataType]);

        该方法的详细参数说明如表 7-1 所示。

表 7-1 $.get() 方法的常用参数

参数 类型 说明 url String

必选，规定将请求发送到哪个 URL

data PlainObject 或 String 可选，规定连同请求发送到服务器的数据 success

Function(PlainObjet data,

String textStatus,jqXHR jqxhr)

可选，请求成功后调用的函数

参数 data :可选，表示服务器返回的结果数据

参数 textStatus:可选，描述请求状态的字符串

参数 jqxhr:可选，jqXHR 是 XMLHttpRequest的超集

如果指定了 dataType,则必须提供此参数，如果没有任务需要处

理，可以使用 null 或 jQuery.noop() 空方法作为占位符

dataType String

可选，预期服务器返回的数据类型，可用类型有 XML、HTML、

SCRIPT、JSON、JSONP、Text

     了解了 $.get() 方法的常用参数，接下来就一实现用户名验证功能为例，对比

$.ajax() 方法，使用 $.geet() 方法实现 Ajax 异步验证用户名，如示例 1 所示。

    示例 1 

$(document).ready(function()){
    $("#name").blur(func