jQuery中的AJAX

最新推荐文章于 2024-03-13 07:00:00 发布

赛跑的乌龟

最新推荐文章于 2024-03-13 07:00:00 发布

阅读量944

点赞数 1

文章标签： ajax jquery javascript

本文链接：https://blog.csdn.net/qq_51781439/article/details/120244640

版权

这篇博客详细介绍了jQuery中的AJAX操作，包括AJAX的基本概念、jQuery底层的$.ajax方法及其设置选项，以及get()和post()的用法。还讨论了AJAX事件如ajaxComplete()、ajaxError()等，并讲解了如何利用$.ajax向后台发送JSON字符串数据。

摘要由CSDN通过智能技术生成

一、什么是 AJAX？

AJAX 并非编程语言，简短地说，AJAX 是与服务器交换数据的艺术，它在不重载全部页面的情况下，通过后台加载数据，实现了对部分网页的更新。

和常规的 AJAX 代码不同，jQuery为我们将原生AJAX进行了封装，现在我们只需要一行简单的代码，就能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。

二、jQuery 底层 AJAX 请求

底层ajax请求使用ajax({settings}) 方法，该方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax({settings}) 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。

最简单的情况下，$.ajax() 可以不带任何参数直接使用。

语法：$.ajax({settings}) 或jQuery.ajax({settings})

参数	描述
settings	可选。用于配置 Ajax 请求的键值对集合。可以通过 $.ajaxSetup() 设置任何选项的默认值。

参数

描述

settings

可选。用于配置 Ajax 请求的键值对集合。

可以通过 $.ajaxSetup() 设置任何选项的默认值。

settings选项：

1.url

类型：String

默认值: 当前页地址。发送请求的地址。

2.type

类型：String

默认值: "GET")。请求方式 ("POST" 或 "GET")，默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。

3.data

类型：String

发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组，jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。

4.dataType

类型：String

预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断，比如 XML MIME 类型就被识别为 XML。在 1.4 中，JSON 就会生成一个 JavaScript 对象，而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。可用值:

"xml": 返回 XML 文档，可用 jQuery 处理。
"html": 返回纯文本 HTML 信息；包含的 script 标签会在插入 dom 时执行。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意：在远程请求时(不在同一个域下)，所有 POST 请求都将转为 GET 请求。（因为将使用 DOM 的 script标签来加载）
"json": 返回 JSON 数据。
"jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。
"text": 返回纯文本字符串

5.success

类型࿱