AJAX基础
# 概念
ASynchronous JavaScript And XML —— 异步的JavaScript和XML
异步和同步: 客户端和服务器端相互通信的基础上
- 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。
- 客户端不需要等待服务器端的响应。在服务器端处理请求的过程中,客户端可以进行其他的操作。
实现方法
原生的JS实现方法
GET请求
1 | <script> |
POST请求
1 | <script> |
JQeury实现方法
- $.ajax()
语法:$.ajax({键值对});
1
2
3
4
5
6
7
8
9
10
11
12
13$.ajax({
url:"xxx", // 请求路径
type:"POST", //请求方式
//data:"username=xxx&age=xxx",//请求参数
data:{"username":"xxx","age"=xxx},
success:function (data){
alert(data)
},//响应成功后的回调函数
error:function(){
alert("出错了!")
},//如果请求响应出现错误,会执行的回调函数
dataType:"text"//设置接收到的响应数据的格式
}); - $.get()
语法:$.get(url,[data],[callback],[type])
参数:
- url:请求路径
- data:请求参数
- callback:回调参数
- type:响应结果的类型
- $.post()
语法:$.post({url,[data],[callback],[type]});
参数:
- url:请求路径
- data:请求参数
- callback:回调参数
- type:响应结果的类型
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 A Gamer Life!
评论