layui form 表单提交用 ajax提交

最新推荐文章于 2023-09-13 23:12:45 发布

aichuoluzc29562

最新推荐文章于 2023-09-13 23:12:45 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/lostu5/p/10417490.html

本文介绍如何使用layui框架中的form组件结合Ajax进行表单数据的异步提交，包括具体的HTML结构和JavaScript代码实现，展示了从按钮触发到数据提交的完整过程。

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

layui form 表单提交用 ajax提交

<form class="addvoteform layui-form">


          <button class="layui-btn layui-btn-sm" lay-submit lay-filter="formDemo2" >确定</button>

</form>

  
  form.on('submit(formDemo2)', function(data){

　　　　　　　　　　/* layer.msg(JSON.stringify(data.field)) */

		$.ajax({
			url:"../Contestant/Employee.do",
			async: false,
			type:"POST",
			dataType: "text",
			data:data.field,
	        success: function(data){
			       	 if($("#isphone").val()==0){
			   		  var index = parent.layer.getFrameIndex(window.name); 
			   		  parent.layer.close(index);
			   		  }else {
			   			   window.history.go(-1);
			   		  }
	            }
		})
	  return false;
		  });

转载于:https://www.cnblogs.com/lostu5/p/10417490.html