您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

Ajax提交表单页面后阻止刷新的方法

2026/3/25 7:51:32发布23次查看
这次给大家带来ajax提交表单页面后阻止刷新的方法,ajax提交表单页面后阻止刷新的注意事项有哪些,下面就是实战案例,一起来看一下。
注:使用ajax 提交表单时 type类型最好不用submit 用button合适
<form>    <p class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">              <input type="button" class="btn btn-info" value="重置" onclick="return resetaa()">              <input type="button" class="btn btn-success" value="提交" onclick="return formcheck()"> </form>  <script type="text/javascript">    function formcheck(){     $.ajax({        type: post,        url:'/fudames/orderinfo/insertorderinfo',        data:$('#formid').serialize(),// 你的formid        async: true,        error: function(request) {        new pnotify({            title: '提交失败',            text: '信息录入失败',            type: 'error',            styling: 'bootstrap3'          });        },        success: function(data) {       if(data==success){           new pnotify({              title: '提交成功',              text: '订单信息已录入',              type: 'success',              styling: 'bootstrap3'            });          }else{       new pnotify({              title: '提交失败',              text: '信息录入失败',              type: 'error',              styling: 'bootstrap3'            });       }         }      });    } </script>
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
异步的文件或图片上传ajax
ajax实现不刷新登录
以上就是ajax提交表单页面后阻止刷新的方法的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product