layui如何使用ajax向后台提交数据?

因为jQuery的$与 layui的$有冲突;所以更改layui的$$即可

layui.use([ 'form', 'jquery' ], function() {
	var $$ = layui.jquery;
	var form = layui.form()

	// 各种基于事件的操作,下面会有进一步介绍
	form.on('switch(test)', function(data) {
		console.log(data.elem); // 得到checkbox原始DOM对象
		console.log(data.elem.checked); // 开关是否开启,true或者false
		console.log(data.value); // 开关value值,也可以通过data.elem.value得到
		console.log(data.othis); // 得到美化后的DOM对象

		// 通过取得同级的其他元素,拿到相应的,其他的元素
		var kglx = $$(this).siblings().attr("id");// 得到开关类型的标签
		var h_id=$$(this).siblings().val();// 得到这一行的ID
		alert("开关类型标签:"+kglx+";行ID:"+h_id);
		var boolean1=data.elem.checked;
		alert("返回true还是false=" +boolean1);
		// 这样我就知道传进来的是谁了,然后再通过ajax来做
	
				$.ajax({
					type:"post",
					data:{
						'kglx':kglx,
						'h_id':h_id,
						'boolean1':boolean1
					},
					url:"http://localhost:8080/Delicious_Pasta/wzgl/ggkg",
					error:function(XMLHttpRequest,textStatus,errorThrown){
						alert("执行失败了!");
						alert(XMLHttpRequest.status);
						alert(XMLHttpRequest.readyState);
						alert("textStatus");
						
					},
					success:function(data){
						alert("成功啦?");
					}
					
				});
			
		return false;// 阻止表单跳转。如果需要表单跳转,去掉这段即可。

	});
});


  • 2
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值