蜘蛛吧,新站快速收录,高质量网站外链,吸引各种蜘蛛! 免费收录 快速收录 最新收录 网站地图 TAGS
首页/ > 文章资讯/ > 前端

基于jQuery的三种AJAX请求

2023-01-01 15:00:00   前端   0
【导读】:基于的三种请求介绍请求通常用于获取服务端资源向服务器要资源例如根据地址从服务器获取文件文件文件图片文件数据资源等请求通常用于向服务器提交数据往服务器发送资源例如登录时向服务器提交的登录信息注册是向服务器提交的注册信息添加用户时向服务器提交的...本文地址:/news/692.html

基于jQuery的三种AJAX请求

1. 介绍

  • get请求 通常用于 获取服务端资源(向服务器要资源)

例如:根据URL地址,从服务器获取HTML文件、CSS文件、JS文件、图片文件、数据资源等。

  • post请求 通常用于 向服务器提交数据(往服务器发送资源)

例如:登录时向服务器提交的登录信息、注册是向服务器提交的注册信息、添加用户时向服务器提交的用户信息等各种数据提交操作。

  • ajax请求 就比较综合,既可以发送 get请求 也可以发送 post请求

2. 用法

2.1. get请求

语法:

$.get(url, [data], [callback]);  // 带有中括号的参数表示可以省略

参数介绍:

参数名是否可省略参数类型参数作用
url不可省略string规定你请求的url
data可省略object请求资源期间要携带的参数
callback可省略function请求成功后所执行的函数名

案例:

 // 发送get请求,请求 bookname 为 '西游记' 的数据
 $.get('http://www.liulongbin.top:3006/api/getbooks', { bookname: '西游记' }, function (res) {
   console.log(res);  // res 是服务器返回的数据
})

2.2. post请求

语法:

$.post(url, [data], [callback]);  // 带有中括号的参数表示可以省略

参数介绍:

参数名是否可省略参数类型参数作用
url不可省略string规定你请求的url
data可省略object要提交的数据
callback可省略function请求成功后所执行的函数名

案例:

// 定义url
let url = 'http://www.liulongbin.top:3006/api/addbooks'  
// 定义data数据
let data = {
  bookname: '富婆成长计',
  author: 'tuoni',
  publisher: '广东出版社'
}
// post请求
$.post(url, data, function (res) {
  console.log(res);
})

2.3. ajax请求

语法以及参数:

$.ajax({
  type: '',  // 请求的方式,例如 'GET' 或 'POST'
  url: '',  // 请求的URL地址
  data: {},  // 这次请求要携带的数据
  success: function(res) {}  // 请求成功之后的回调函数
})
标签:

版权声明:

1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

2、本站仅提供信息发布平台,不承担相关法律责任。

3、若侵犯您的版权或隐私,请联系本站管理员删除。

4、文章来源:来自于网络收集。

上一篇:HTML布局方式下一篇:HTML 常用标签 tag
网站声明:本站所有资料取之于互联网,任何公司或个人参考使用本资料请自辨真伪、后果自负,本站不承担任何责任。
©2017-2022 蜘蛛吧  https://www.zhizhuba.com/ ICP备案号:冀ICP备19007129号-5