支持ie8的文件提交方式:使用Form表单插件jquery.form.js

news/2024/7/11 1:59:03 标签: jquery.form, jquery

jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地、无侵入地升级HTML表单以支持Ajax。jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合了从控制表单元素到决定如何管理提交进程的功能。另外,插件还包括其他的一些方法: formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、clearFields() 和 resetForm()等。 

<script src="/static/libs/jquery.form>jquery.form-3.45.0.js"></script>

            var options = {
                    url: '/bmpf/softmng/software/add_software_package/',
                    success: showResponse,
                    dataType: "json"
                };
            
            function showResponse(response, status){
                if(response.ret){
                    toastr.success("添加软件成功", "成功提示");
                    $("#add-soft-modal-form")[0].reset();
                    $("#add-soft-modal-form").data("bootstrapValidator").resetForm();
                    $("#add-soft-modal").modal("hide");
                    $softTable.bootstrapTable("refresh");
                }else{
                    toastr.error(response.errMsg, "错误提示");
                }
            }
            
            $('#add-soft-modal-form').ajaxForm(options);

 


http://www.niftyadmin.cn/n/886882.html

相关文章

vue中使用echarts(vue+vue-cli+axios+jsonp+echarts)

一、安装echarts&#xff1a; cnpm i echarts -S 二、在vue-cli的main.js文件中引用echarts&#xff1a; import charts from echarts Vue.prototype.$echarts charts 问题 引入 echars 5.0 遇到报错 "export ‘default’ (imported as ‘echarts’) was not found …

Vue-Route页面切换过渡动画

路由切换时有对应的组件加载区域(<router-view />)&#xff0c;在这个组件中添加如下CSS&#xff1a; .slide-fade{position: fixed;left:0;right: 0;width: 100%;background-color: white; } .slide-fade-enter, .slide-fade-leave-to {left:0;top: 0;right: 0;positio…

vue-router中如何让'router-link'渲染成指定的标签?

大家都知道vue-router中<router-link> 默认会被渲染成一个 <a> 标签&#xff1a; <script src"https://unpkg.com/vue/dist/vue.js"></script> <script src"https://unpkg.com/vue-router/dist/vue-router.js"></script…

Vue+Element-ui实现左侧二级导航(只展开一个菜单、可根据路由高亮菜单项、刷新时可自动展开定位到当前路由)

这里使用的Element文档版本是2.13.1。 路由文件index.js&#xff1a; import Vue from vue import Router from vue-router import Login from /components/Login import Main from /components/Main import Form from /components/Form import Data from /components/Data i…

ztree让整棵树一次只能选择一个复选框(节点)

<ul id"edit-mobile-disk-strategy-modal-host-group-tree" style"height: 200px;"></ul> //ztree配置 var setting {check : {enable : true,chkboxType : { "Y" : "", "N" : "" }},view : {dblCli…

vue登录权限实现(登录拦截)

用sessionStorage实现&#xff0c;文件夹结构如下&#xff1a; 关键部分如下&#xff1a; router.js import Vue from vue import Router from vue-router import Index from /components/index import Login from /components/login import Table from /components/table im…

NoSql相关概念介绍

NoSql相关概念介绍 什么是NoSQL NoSQL&#xff0c;是非关系型的数据库。NoSQL有时也称作Not Only SQL的缩写&#xff0c;是对不同于传统的关系型数据库的数据库管理系统的统称。 NoSQL用于超大规模数据的存储。些类型的数据存储不需要固定的模式&#xff0c;无需多余操作就可…

在vue2.0中使用bootstarp-table(jquery+bootstarp+bootstarpTable)

要想使用bootstarp-table就需要按顺序引入 jquery > bootstarp > bootstarp-table //路径可能会有变动 最好在node_modules 中看看 import $ from jquery import bootstrap/dist/css/bootstrap.min.css import bootstrap/dist/js/bootstrap.min.js import bootstrap-t…