Jquery实现Ajax请求的几种常见方式总结

1.1、JQuery的GET方式实现AJAX

核心语法:$.get(url,[data],[callback],[type]);

url:请求的资源路径。

data:发送给服务器端的请求参数,格式可以是key=value,也可以是 js 对象。

callback:当请求成功后的回调函数,可以在函数中编写我们的逻辑代码。

type:预期的返回数据的类型,取值可以是 xml, html, js, json, text等。

代码实现

1.2、JQuery的POST方式实现AJAX

核心语法:$.post(url,[data],[callback],[type]);

url:请求的资源路径。

data:发送给服务器端的请求参数,格式可以是key=value,也可以是 js 对象。

callback:当请求成功后的回调函数,可以在函数中编写我们的逻辑代码。

type:预期的返回数据的类型,取值可以是 xml, html, js, json, text等。

代码实现

1.6、JQuery的通用方式实现AJAX

核心语法:$.ajax({name:value,name:value,…});

url:请求的资源路径。

async:是否异步请求,true-是,false-否 (默认是 true)。

data:发送到服务器的数据,可以是键值对形式,也可以是 js 对象形式。

type:请求方式,POST 或 GET (默认是 GET)。

dataType:预期的返回数据的类型,取值可以是 xml, html, js, json, text等。

success:请求成功时调用的回调函数。

error:请求失败时调用的回调函数。

代码实现

1.7、小结

AJAX(Asynchronous JavaScript And XML):异步的 JavaScript 和 XML。

通过浏览器与服务器进行少量数据交换,就可以使网页实现异步更新。也就是在不重新加载整个页面的情况下,对网页的部 分内容进行局部更新。

同步和异步

同步:服务器端在处理过程中,无法进行其他操作。

异步:服务器端在处理过程中,可以进行其他操作。

GET 方式实现:$.get();

POST 方式实现:$.post();

url:请求的资源路径。

data:发送给服务器端的请求参数,格式可以是key=value,也可以是 js 对象。

callback:当请求成功后的回调函数,可以在函数中编写我们的逻辑代码。

type:预期的返回数据的类型,取值可以是 xml, html, js, json, text等。

通用方式实现:$.ajax();

url:请求的资源路径。

async:是否异步请求,true-是,false-否 (默认是 true)。

data:发送到服务器的数据,可以是键值对形式,也可以是 js 对象形式。

type:请求方式,POST 或 GET (默认是 GET)。

dataType:预期的返回数据的类型,取值可以是 xml, html, js, json, text等。

success:请求成功时调用的回调函数。

error:请求失败时调用的回调函数。

Javascript应用-jQuery Ajax DOM 元素、遍历、数据操作和方法

jQuery 库拥有完整的 Ajax 兼容套件。其中的函数和方法允许在不刷新浏览器的情况下从服务器加载数据,具体如下:

jQuery 遍历函数

jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。

jQuery 数据操作函数

这些方法允许我们将指定的 DOM 元素与任意数据相关联。

jQuery DOM 元素方法

jQuery 核心函数

jQuery 属性

下面列出的这些方法设置或返回元素的 CSS 相关属性。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com

点赞 0
收藏 0

文章为作者独立观点不代本网立场,未经允许不得转载。