ajax提交表单后，页面仍被刷新

最新推荐文章于 2021-08-05 15:17:35 发布

再见北洋园

最新推荐文章于 2021-08-05 15:17:35 发布

阅读量946

点赞数

CC 4.0 BY-SA版权

文章标签： ajax提交表单页面刷新 form表单提交后还是刷新

本文链接：https://blog.youkuaiyun.com/zlb_lover/article/details/72191006

本文介绍了一种常见的表单提交后页面自动刷新的问题及其解决方案。通过将提交按钮从button标签改为input标签，成功避免了表单提交后的页面刷新，确保了用户体验。

提交表单后，后能能正常接收到数据，但是表单当前页面自动刷新，求解，已试过 async: false,
通过ajax，序列化提交表单数据，实现添加操作后，还会刷新页面，弄了半天终于解决了。

what fuck ... sb html 我在那愣是提交了半个小时，还是一直刷新，找不到问题所在。原因是我的提交按钮用的是button标签，后来改成了 <input type="button"> 就尼玛可以了真是无语了

/* 点击填写问卷调查模态框中的填报按钮, 使用ajax添加填写的问卷调查信息 */
function addQuestion(){
   debugger;
   $.ajax({
       url:"question/addQuestion.html",
       type:"post",
       async:false,/* 请求设置为异步。*/
       data:$("#question_form").serialize(),
       success:function(data){
           closeModal('questionaire')； //关闭模态框
       $('#bootstraptable_questionaire').bootstrapTable('refresh', {url: 'question/getQuestionPage.html'});
           //activitypage($("m_typeselect").val(),"","","");
       },
       error:function(){
           alert("添加失败。");
       }

   });