前言
ThinkPHP出于安全的考虑增加了表单令牌Token,由于通过Ajax异步更新数据仅仅部分页面刷新数据,就导致了令牌Token不能得到更新,紧接着的第二次新建或更新数据(提交表单时)失败——不能通过令牌的验证。
当然了,最简单的办法就是刷新整个页面,就导致了异步刷新的无意义!在网上搜寻了很多,有好几种方法;看完觉得有一个最好:
Ajax异步动态请求创建新令牌并更新到本地
主要思路:在每次发送表单结束后(不管成功与否)通过Ajax异步请求一个新的表单令牌并保存到表单隐藏域中,下次提交表单就使用新的表单令牌去通过。
最终的效果如下:
主要分成三步:
第一步:在Index控制器下创建生成Token的方法
之所以选择在Index控制器下创建,主要考虑在整个admin(后台)可以方便的引用该方法,不需要每次都根据控制器找寻相应的方法。也就是说,该方法其他控制器都可以引用!
?
1
2
3
4
5
6
7
8
9
10
11
|
<?php
namespace app\\admin\\controller;
use think\\Controller;
class Index extends Valid {
// 生成token函数
public function getToken() {
$request = \\think\\facade\\Request::instance();
echo $request ->token();
}
}
|
第二步:在Javascript中创建Ajax获取新令牌
由于后台生成新令牌的地址已经固定了,也就是:
/admin/Index/,因此通过jQuery的Get方法容易获取该令牌!
?
1
2
3
4
5
6
|
// 获取新Token并更新
function getNewToken() {
$.get( "/admin/Index/getToken" , function (data) {
document.getElementById( "__token__" ).value = data;
});
}
|
第三步:在Html页面中创建隐藏域保存令牌
其实在ThinkPHP的表单示例代码中已经有了该代码。页面第一次加载时的令牌Token是随着页面分配的,后面的令牌就是通过Ajax获取的!
?
1
2
|
<!-- 隐藏区域 -->
<input type= "hidden" id= "__token__" name= "__token__" value= "{$Request.token}" />
|
最后,我们就可以在javascript的相应提交表单的地方增加语句申请新令牌了!举例,下面的示例代码在提交后不管成功与否都申请了新的令牌。
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
/**
* Ajax动态更新数据并异步刷新页面
* @Author DuDongHua
* @DateTime 2018-04-28T21:21:23+0800
* @param {对象} Button 表单按钮对象
* @param {文本} Modal 模块
* @param {文本} Controller 控制器
* @param {文本} Action 方法
* @param {文本} Location Ajax加载页面的位置id
* 使用方法:表单对象不用提交的任何设置,提交假按钮<a>设置onclick即可
* 注意:
* 1. 在javascript中拼接Thinkphp5的URL地址,不需要"{:url('" + Modal + "/" + Controller + "/" + Page + "')}方法
* 只需要直接拼接地址即可,如:var MeURL = '/'+Modal+'/'+Controller+'/'+Page;
*/
function EditData(Button,Modal,Controller,Action,Location,Page){
// 设置默认参数
var Modal = arguments[1] ? arguments[1] : "admin" ; // 模块名
var Controller = arguments[2] ? arguments[2] : "index" ; // 控制器
var Action = arguments[3] ? arguments[3] : "editData" ; // 方法名
var Location = arguments[4] ? arguments[4] : "content" ; // Ajax加载页面的位置id
var Page = arguments[5] ? arguments[5] : "index" ; // Ajax加载页面控制器中的方法
// 生成本页面的url用于更新后异步刷新
var MeURL = '/' +Modal+ '/' +Controller+ '/' +Page;
setLoaderIn(true); //打开加载图标
// 异步请求数据
$.ajax({
url: '/' +Modal+ '/' +Controller+ '/' +Action,
type: 'POST' ,
data: $(Button).closest( "form" ).serialize(), //表单序列化
dataType: 'json' ,
success: function (data){
// 更新页面并提示
// window.location.reload(); //当加载整个页面时有效但ajax更新时加载到主页
loadAjaxHTML(MeURL,Location);
showMsg(data.msg);
setLoaderIn(false); //关闭加载图标
getNewToken(); // 获取新Token
},
error: function (XMLHttpRequest, textStatus, errorThrown){
showMsg(XMLHttpRequest.status+ " " +XMLHttpRequest.readyState,textStatus, "red" , "#f60" );
getNewToken(); // 获取新Token
}
});
}
|
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对快网idc的支持。
相关文章
猜你喜欢
- ASP.NET本地开发时常见的配置错误及解决方法? 2025-06-10
- ASP.NET自助建站系统的数据库备份与恢复操作指南 2025-06-10
- 个人网站服务器域名解析设置指南:从购买到绑定全流程 2025-06-10
- 个人网站搭建:如何挑选具有弹性扩展能力的服务器? 2025-06-10
- 个人服务器网站搭建:如何选择适合自己的建站程序或框架? 2025-06-10
TA的动态
- 2025-07-10 怎样使用阿里云的安全工具进行服务器漏洞扫描和修复?
- 2025-07-10 怎样使用命令行工具优化Linux云服务器的Ping性能?
- 2025-07-10 怎样使用Xshell连接华为云服务器,实现高效远程管理?
- 2025-07-10 怎样利用云服务器D盘搭建稳定、高效的网站托管环境?
- 2025-07-10 怎样使用阿里云的安全组功能来增强服务器防火墙的安全性?
快网idc优惠网
QQ交流群
您的支持,是我们最大的动力!
热门文章
-
2025-06-04 96
-
2025-05-29 81
-
2025-05-25 100
-
2025-05-25 44
-
2025-05-29 82
热门评论