Ajax提交表单页面刷新很快的解决方法

注:使用ajax 提交表单时 type类型最好不用submit 用button合适

<form> <div 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提交表单页面刷新很快的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

时间: 2025-01-01 03:00:00

Ajax提交表单页面刷新很快的解决方法的相关文章

jQuery ajaxSubmit 实现ajax提交表单局部刷新_jquery

AJAX简介 AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法. AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下. 需要引入 : jquery-form.js 使用说明: Java代码 $(document).ready(function() { var options = { target: '#mydiv', // 需要刷新的区域

用ajax提交表单页面整个锁死。。

问题描述 我用ajax提交表单后页面整个锁死,所有地方都不能点,直到返回数据,其他页面都没有这个情况,求解决. 解决方案 这是设置了同步的原因,你如果不需要等着这个结果返回,你可以设置异步$.ajax({ type : "post", url : "", dataType:"text",async: false,//false为同步 true为异步data : $('#aspnetForm').serialize(),success : func

form.submit()不能提交表单的错误原因及解决方法_javascript技巧

直接上代码把: <div id="register"> <h4>会员注册</h4> <div class="formdiv"> <form method="post" action="register.php?action=register" name="register" id="registerForm"> <dl&g

介绍ajax提交url与ajax提交表单的区别

 本篇文章主要是对ajax提交url与ajax提交表单的区别进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1:ajax自已构造一个url,这种方式传参数要用Data,不能用于表单提交.  例:    代码如下:          function createHtml(id){              $("#reloading").show();               //edit_bg是个div,提交时显示,这样可以使背景页面不能操作.             

jQuery使用$.ajax提交表单完整实例_jquery

本文实例讲述了jQuery使用$.ajax提交表单的方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/199

ajax提交url与ajax提交表单的详细比较_AJAX相关

1:ajax自已构造一个url,这种方式传参数要用Data,不能用于表单提交. 例: 复制代码 代码如下:          function createHtml(id){             $("#reloading").show();              //edit_bg是个div,提交时显示,这样可以使背景页面不能操作.             $("#edit_bg").show();             $.ajax({        

ajax提交url与ajax提交表单的详细比较

1:ajax自已构造一个url,这种方式传参数要用Data,不能用于表单提交. 例:复制代码 代码如下:         function createHtml(id){             $("#reloading").show();              //edit_bg是个div,提交时显示,这样可以使背景页面不能操作.             $("#edit_bg").show();             $.ajax({          

Jquery中ajax提交表单几种方法(get、post两种方法)_AJAX相关

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType

服务器-Ajax提交表单与一般提交表单的差别?

问题描述 Ajax提交表单与一般提交表单的差别? 在一般提交表单时,浏览器html将表单数据submit到服务器后,服务器会执行相关的处理脚本 比如(php,asp)等,进行处理,再将相关的HTML返回到浏览器端. 而ajax改变了这一过程,它是浏览器html将表单数据提交给本地的javascript,而javascript调用XMLHTTPRequest, 利用XMLHTTPRequest将数据传给服务器端,服务器端通过javascript收到数据,再调用处理脚本(php, asp)进行处理,