目录
- 1.ajax原理描述
- 2.ajax优点
- 3.ajax缺点
- 4.前端使用ajax与后台传输数据
1.ajax原理描述
Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器。像—些数据验证和数据处理等都交给Ajax引擎自己来做,,只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。
2.ajax优点
(1)页面无刷新更新数据
(2)异步与服务器通信
3.ajax缺点
(1)AJAX的安全问题,容易受到攻击。
(2)AJAX 干掉了Back和History功能,即对浏览器机制的破坏。
优缺点 | 描述 |
优点 | 局部更新 |
优点 | 原生支持,不需要任何插件 |
优点 | 局部更新 |
缺点 | 可能破坏浏览器后退功能 |
缺点 | 嵌套回调,难以处理 |
4.前端使用ajax与后台传输数据
"http://localhost:5000/login"
为后台的服务器地址;5000为端口号;res为从服务器接收到的数据,data为发送给服务器的数据,数据格式为json。
var dict={'username': 'admin', 'password': mima,'newpassword':xinmima};
$.ajax({
type: "POST",
url: "http://localhost:5000/login",
contentType: 'application/json; charset=UTF-8',
data: JSON.stringify(dict) ,
dataType: "json",
success: function(res) {
var dat=res['massage'];
if(dat==1){
alert('修改成功,请记住密码');
}
else if(dat==2){
alert('密码修改失败,请检查初始密码')
}
}
})
在vue中使用axios进行通信或者使用$http.post进行通信的在另一栏:axios与后台进行post通信 后台发送数据给前端的文章:后台发送数据
码字不易~, 各位看官要是看爽了,可不可以三连走一波,点赞皆有好运!,不点赞也有哈哈哈~~~