异步表单提交

        // 添加销售信息
        add_sale_info: function () {
            //防止两重提交
            if (this.in_syncing) {
                return;
            }
            var current_view = this;
            this.in_syncing = true;
            //返回订单信息一览表url
            var return_url = ‘/order/list/‘;
            //返回销售添加信息编辑url
            var sale_url = ‘/order/add/sale/‘+$(‘#id_pk‘).val()+‘/info/‘;
            //获取前端销售信息数据
            var sale_info = { sale_price : $(‘#id_sale_price‘).val(),
                        sale_cost_price : $(‘#id_sale_cost_price‘).val(),
                        sale_bonus_price: $(‘#id_sale_bonus_price‘).val(),
                        tax_price: $(‘#id_tax_price‘).val(),
                        other_price: $(‘#id_other_price‘).val()
                        };
            //异步表单信息提交
            $.ajax({
                type: "POST",
                url: sale_url,
                data: sale_info,
                success: function(data) {
                    if (data.error_code > 0) {
                        window.alert(data.error_msg);
                    }else {
                        //请求成功后定位到订单信息一览表
                        window.location.href = return_url;
                    }
                },
                error: function(){
                    window.alert(‘与服务器通讯发生错误,请稍后重试。‘);
                },
                complete: function(){
                    //防止两重提交
                    //恢复现场
                    current_view.options.parentView.trigger(‘finish_ajax_sync‘);
                    current_view.in_syncing = false;
              }
            });
           return false; // avoid to execute the actual submit of the form.
        },
时间: 2024-11-12 15:38:24

异步表单提交的相关文章

jQuery异步表单提交

有时在A页面点击按钮弹出一个form表单,在填完表单后提交成功后,需要关闭表单页并将表单中的某些值反应在A页面上,这时就需要异步提交表单.其实也挺简单,只是需要把表单数据序列化. $("#form1").submit(function (){ var ajax_url = "yourActionUrl"; //表单目标 var ajax_type = $(this).attr('method'); //提交方法 var ajax_data = $(this).ser

MVC3下异步表单提交上传图片实现

由于项目需要[任何一个人都能上传不定张图片],这两天就在写这个功能.现在写完了,记录下. 语言:C# 环境:MVC3 + EF4 所需插件下载地址:http://download.csdn.net/detail/tl110110tl/8248099 所需数据库表如下图: 插件参考:http://www.cnblogs.com/china-li/archive/2012/12/12/2800144.html html代码: @{ Layout = null; } <!DOCTYPE html>

使用jquery form插件进行异步带文件的表单提交

引入form插件与jquery 的js文件后 获取表单的jq对象 然后.ajaxSubmit提交表单即可 实现添加品牌的异步表单提交 function addBarandImg(formId) { $('#'+formId).ajaxSubmit({ url: '/ProductManage/AddBrand', //data: $("#" + formId).serialize(), type: 'post', dataType: "json", success:

Jquery form表单提交

起因 由于项目中原先提交from是通过JavaScript指定action,在submit提交的,使用的方式,也不是很标准,造成除了ie之外的浏览器都不能正常的提交数据,做web项目还是要考虑到浏览器的兼容性的. 1.序列化form,通过Ajax提交 $.ajax({ cache: false, type: "POST", url: "readImage.do", data: $('#ff').serialize(), //序列化表单数据 async: true,

HTML表单提交总结

http://www.cnblogs.com/shizqiang/p/5984414.html 概述:随着HTML5的兴起,前端越来越多样化,比如表单的提交,现在就有多种方式可以选择,下面总结一下常见的表单提交方式. 1.最基本的表单提交. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单提交示例 - 基本表单提交</title> <

form的onsubmit事件--表单提交前的验证最佳实现方式

连续2天,在进行form表单包括上传表单的提交操作时,刚开始用struts2自带的上传模式与后台进行交互,但原来的页面是用html做的,不能通过国际化资源来返回后台操作的错误信息于静态的html,之后我又百度了许多ajax异步与后台交互的方法,如ajaxForm,ajaxSubmit,ajaxFileUpload等,用的是心力交瘁,各种错误抛出,然后还尝试easyui的表单提交,还是不成...这一切的目的都是为了实现异步交互,不让当前页面跳转,使用ajax实现文件上传的异步刷新,最后还是死心了,

mvc area区域和异步表单,bootstrap简单实例

码农最怕眼高手低 今天来练习mvc Area技术和bootstrap以及异步表单的C#代码实现. 1.area区域架构对于建立复杂业务逻辑很有帮助,由  AreaRegistration.RegisterAllAreas()方法遍历路由表,获得所有注册的路由.参见 建立类库Common,下设一个文件夹BookStore 在其中建立model和controller.(注意引用System.Web.Mvc这个dll) 项目结构如图: 其中book.cs为model模型 namespace Commo

ajax提交与普通表单提交的优缺点

一般需要提交整个表单,那么我们就需要提交form表单.比如查询,分页这种. 如果只是做局部刷新,那么可以采用异步ajax提交.这样请求的时候只用传需要的参数,然后请求成功后也不用整体刷新页面,只用局部刷新,这样节省了带宽, 比如我们采用ajax删除的时候. 所以当需要整体刷新的时候,那么就可以采用表单提交. 当要局部刷新的时候,我们采用ajax请求. 提交form表单: function query(){ var frm = document.getElementById("frm")

标准表单提交示例代码

以用户注册为示例 第一步:添加视图模型 public class ViewRegModels { [Display(Name = "用户名")] [Required(AllowEmptyStrings = false, ErrorMessage = "用户名不能为空")] public string UserName { get; set; } [Display(Name = "密码"), DataType(DataType.Password)]