from提交并执行函数

最新推荐文章于 2021-08-02 18:07:48 发布

幻影阿飛

最新推荐文章于 2021-08-02 18:07:48 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： html layui

本文链接：https://blog.youkuaiyun.com/qq_37121548/article/details/80898052

html 同时被 2 个专栏收录

7 篇文章

订阅专栏

layui

7 篇文章

订阅专栏

这篇博客探讨了如何在HTML中使用`from`表单结合JavaScript来提交数据并执行相关函数。通过实例解析了表单数据的获取以及如何利用JavaScript处理这些数据并触发特定功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

from表单

<form id="form1" class="layui-form" action="/adactivity/updateActivity" method="post">
	//省略表单内容。。。。。
	<div class="layui-form-item">
		<div class="layui-input-block">
			<button lay-submit lay-filter="go" class="layui-btn  layui-btn-normal ">保存</button>
			<input type="button" class="layui-btn layui-btn-primary" value="返回" onclick="window.history.back()">
		</div>
	</div>
</form>

js文件

		layui.use('form', function () {
	        var form = layui.form;
			
	       //先得到当前iframe层的索引
	        form.on('submit(go)', function (data) {
	           //console.log(data.field); //当前容器的全部表单字段，名值对形式：{name: value} 
	            var index = layer.load(1, {
	                shade: [0.1, '#fff'] //0.1透明度的白色背景
	            });
	      
	            var data= $('#form1').serialize();
	            var url = '/adactivity/updateActivity';
	            $.post(url, data, function (ev) {
	            	if (ev.code == 200) {
	            	    layer.open({
	                        title: '提示'
				,btn:[]
			    	,content: '<div align="center" style="font-size: 16px;color:#000">'+ev.msg+'</div>'
				,time:1500
			    });
	                    setTimeout(function(){parent.location.href = "/adactivity/listAdActivity";}, 1200);
	                } else {
	                    layer.close(index);
	                    layer.open({
			    	title: '提示'
				,btn:[]
			    	,content: '<div align="center" style="font-size: 16px;color:#000">'+ev.msg+'</div>'
				,time:1500
			    });
	                }
	            }, 'json')
	            //发送ajax
	            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
	        }); 

	    });