layui发送请求到后端的方法

一、post请求

<script type="text/javascript">
		layui.use([ 'element', 'jquery', 'laydate', 'form'],function() {
			var $ = layui.jquery;
			var element = layui.element;
			var laydate = layui.laydate;
			var form = layui.form;
			//监听提交事件
			form.on('submit(demo1)', function(data){				    $.post("/user/changePwd",data.field,function(res){
						if(res.code==200){	
							layer.msg("修改成功");
						}else{
							layer.msg("修改失败");
						}						
					})										  					  
				return false;  //阻止表单跳转。如果需要表单跳转,去掉这段即可。
			   });
	</script>

二、ajax请求

<script type="text/javascript">
		layui.use([ 'element', 'jquery', 'laydate', 'form'],function() {
			var $ = layui.jquery;
			var element = layui.element;
			var laydate = layui.laydate;
			var form = layui.form;
			//监听提交事件
			form.on('submit(demo1)', function(data){
				  //获取请求数据
				  var oldPwd = data.field.oldPwd;
				  var newPwd = data.field.newPwd;
				  var confirmPwd = data.field.confirmPwd; 		  
				  //使用ajax发送请求
				  $.ajax({
					  url:"/user/changePwd",
					  type:"post",
					  data:data.field,
					  dataType:"json",
					  success:function(data){						 
					  }				  				  
				  }); 				 									  			  
				return false;  //阻止表单跳转。如果需要表单跳转,去掉这段即可。
			   });																				    
		});
	</script>

你可能感兴趣的:(layui发送请求到后端的方法)