关于Ajax、POST、GET强制刷新页面。

痛定思痛。 2022-01-07 05:39 406阅读 0赞

1.通过button绑定onclick事件。

  1. <button onclick="checkedAdd()" class="btn btn-sm btn-success hidden-xs">
  2.                     <i class="fa fa-plus"></i> 点击校验
  3. </button>

2.实现$.post进行后台数据校验。

  1. <script>
  2.  function checkedAdd(){
  3.         $.post("checkedAdd.do",function (data) {
  4.             if (data == 'success'){
  5.                 window.location.href = "edit.html";
  6.             }else{
  7.                 alert("当前批次岗位申报未启用！");
  8.             }
  9.         });
  10.     }
  11. </script>

3.出现的问题！！！

当点击 onclick 按钮时，当返回非successs数据时候，弹框提示完，页面会自动刷新。

4.问题所在及解决方案。

问题原因：
button按钮中的type属性默认为submit，这样导致相应完onclick事件后，又提交了一次form表单，所以导致页面刷新。
解决方案：
设置button的type属性为button即可解决。

  1. <button onclick="checkedAdd()" type="button" class="btn btn-sm btn-success hidden-xs">
  2.   <i class="fa fa-plus"></i> 点击校验
  3. </button>

发表评论

表情：
评论列表 （有 0 条评论，406人围观）

还没有评论，来说两句吧...

相关阅读

    相关 打开页面强制刷新一次 html

    最近做前端遇到个问题： 打开一个新界面，设置某个值后，再次点击目录，打开该界面发现设置的值与显示的值不一致，但是点设置时，看后端log发现有设置成功。所以找资料，发现是ie

    红太狼红太狼/ 0 赞/ 308 阅读

    相关 vue强制刷新组件

    前言：        在开发过程中，有时候会遇到这么一种情况，通过动态的赋值，但是dom没有及时更新，能够获取到动态赋的值，但是无法获取到双向绑定的dom节点，这就需要我

    迷南。迷南。/ 0 赞/ 583 阅读