弹窗确认操作的业务逻辑与几种方式

Posted 2020-09-22 fordouble

  首先，我是一名菜鸡的前端开发工程师，只会切图，除开切图之外 我只有两个不会，这也不会，那也不会。

  最近在做一个后台管理的项目，我需要做一个功能： 在后台操作 删除 修改 等操作时，弹出一个确认框 让操作者进行选择， true or false 。

  好了，按照一般的逻辑是使用confirm 调用确认框，根据操作者点击 操作 返回 true or false ，但是本人嫌他很丑，丑拒！

 

<button>确认</button>
<script type="text/javascript">
var btn = document.querySelector(‘button‘);
btn.onclick=function(){
if(confirm(‘是否确认操作？‘)==false)
{
return false;
}
console.log("操作成功！")
}
</script>

 

  好了坑已经挖好了，怎么填坑的问题来了。

  要自己写一个弹窗，这个对切图仔毫无压力，本人说过本人只会切图一点js也不会，这个返回数据的业务需求如何实现，成为了本人心头一大痛。

 用localStorage?用他来储存？

 还是其他方法？把弹窗的 确认 与 取消 按钮绑定callback?