form表单通过ajax异步提交实现新增员工的功能时,发现请求是成功的,后台也新增了该员工,却不执行回调方法(success、error),如下所示:
form.on('submit(addStaffFilter)', function(data){
$.ajax({
url:ctx+"/backend/staffManagement/addStaff",
type:"post",
contentType: 'application/json',
dataType:"json",
data:JSON.stringify({"staffName":$("#staffName").val(),"mobilePhone":$("#mobilePhone").val(),"idNumber":$("#idNumber").val(),"areaId":areaId,"departmentId":departmentId,"email":$("#email").val()}),
success:function (data) {
console.log("1111111111111");
},
error:function (data) {
console.log("22222222222222");
}
});
问题解决:
//缺少这一句
return false;
完整js代码:
form.on('submit(addStaffFilter)', function(data){
$.ajax({
url:ctx+"/backend/staffManagement/addStaff",
type:"post",
contentType: 'application/json',
dataType:"json",
data:JSON.stringify({"staffName":$("#staffName").val(),"mobilePhone":$("#mobilePhone").val(),"idNumber":$("#idNumber").val(),"areaId":areaId,"departmentId":departmentId,"email":$("#email").val()}),
success:function (data) {
console.log("1111111111111");
},
error:function (data) {
console.log("22222222222222");
}
});
return false;
});
相关推荐
实现form表单的回调,以及异步,伪ajax,即用户通过form表单提交后,就可以等待后台的相应
ajaxSubmit()方法是JQuery Form表单插件中的方法,使用时,需要在jsp或者html页面上,引入JQuery...接下来通过本文给大家分享通过AjaxSubmit()方法实现Form提交表单后回调功能,感兴趣的朋友跟随脚本之家小编一起看看吧
ajaxForm()和ajaxSubmit()方法可以接受0个或1个参数,当为单个参数时,该参数可以是一个回调函数,也可以是一个options对象。以下是一个options对象. var options={ target:'#output1', //把服务器返回内容放入id为...
最近在使用layui框架,在页面进行表单数据提交后,要是页面表单数据清空,依是有下面方法 表单: <form class="layui-form" action="" lay-filter="addGoodsForm" id="addGoodsForm"> 主题内容 </form>...
我们在提交表单的时候,如果没有使用ajax提交,页面都会自己刷新一下,显得非常的不友好,所以我们需要把我们的表单提交修改为ajax的模式,可以让用户清楚地知道他们在提交表单的时候处在哪一个阶段:正在提交?提交...
说起错误方案,比如,点击提交按钮,本地验证,验证通过立即让按钮不可点,这些没问题,而我的错误点概括是:在某个最后执行的回调函数的最后一行,我做了2个操作:1,隐藏Dialog,2,让提交按钮可点击。 这个方案...
使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的; 处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据包括文件流的话,就需要使用...
提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。本文就是介绍了ajaxForm()的应用. 一、ajaxForm() 介绍 ajaxForm预处理将要使用 AJAX 方式提交的表单,将所有需要用到的事件监听器添加到...
jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传。 最近在使用jquery.form.js提交包含文件的表单时,碰到了一个问题:当碰上网速较慢时,而我们又设置了timeout时,例如: var options = { timeout:...
如果form方法是所有其他方法的GET和FormData ,则该函数将使用window.fetch基于表单进行请求,并将有效载荷编码为URL参数。 回调函数中提供了request对象,允许在发送请求之前修改标头和正文。 安装 $ npm install...
基本原理就是在页面增加一个隐藏iframe,然后通过ajax提交除文件之外的表单数据,在表单数据提交成功之后的回调函数中,通过form单独提交文件,而这个提交文件的form的target就指向前述隐藏的iframe。 html 代码 ...
这允许提交同一表单的多个实例,而在提交表单A时不会出现提交表单B的问题。 如果已经提交了表单,则提交的随机ID也将保留并用于下一次提交,否则将生成新的唯一ID。自定义(动作和过滤器) 插件使用默认的gform_get...
我在A页面有一个表单内容需要使用蓝牙打印机打印,填完表单信息,并通过ajax请求发送到 B文件(PHP)中处理信息,正常通过form表单跳转到B页面后,是可以打印出来的,因为B页面中除了处理 数据的PHP之外还混合了 JS...
动作.js 通过 Bower 安装 bower install zackify-action Action.js 可以轻松地将您常规的、蹩脚的表单帖子(很快就会变成)转换为 ajax ...回调将在某些点被调用,现在它看起来像这样 var callback = function(msg
先说说常用的Form插件,支持Ajax,支持Ajax文件上传,功能强大,基本满足日常应用。 1、最新JQuery框架软件包下载 jquery.js压缩包 jquery.js非压缩包 2、Form插件下载 form.js 3、Form插件的简单入门 第一步:先...
结合form表单的submit调用ajax的回调函数。 使用 jQuery 异步提交表单代码: 代码如下: <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <title>无标题页</title> </head> ...
$(element).uploadImagesPreview(表单[必填],选项[可选],回调[可选]) 用于在客户端预览和验证图像 form-表单选择器 options-默认选项是: image_type: "jpg|jpeg|png|gif", min_size: 24, max_...
传统的表单提交,都是页面跳转的形式,但是现在更流行ajax提交,那么如果希望有表单提交的简便,也有ajax的效果,有什么解决办法吗? 怎么使用 两种使用方式: 第一种方式 <!DOCTYPE html> <...
它可以指定一个回调函数,在请求完成后执行(只有在请求成功时)。如果还需要设置error和success回调函数,则需要使用$.ajax。 实例 请求test.php页,忽略返回值. $.get("test.php");请求test.php页并发送...
ajax--ajax原生写法。...具体:请求与相应、浏览器和服务器、接口、回调函数、事件循环、宏任务与微任务、form表单提交、serialize插件、JSON、async,await、git仓库基础命令、远程仓库SSH、VScode上的git操作