layui表单提交禁止表单跳转也会自动刷新

layui表单提交禁止表单跳转也会自动刷新

代码.

 //创建一个编辑器 提交监听
				  var editIndex = layedit.build('LAY_demo_editor');
				  //监听提交
				  form.on('submit(demo1)', function(data){
     
					var url = interactionServerUrl + '/attraction/uploding';
					var param = data.field;
					param.photoUri = param.photoUrl.split(",");
					param.videoUri = param.videoUrl.split(",");
					var latlngArr = param.latlng.split(",");
					param.latlng = {
     lat: latlngArr[0], lng: latlngArr[1]};
					$.post(url, {
     "attr": JSON.stringify(param)}, function(e){
     
					//				console.log(e);
					});
//					layer.alert(JSON.stringify(param), {
     
//				      title: '最终的提交信息'
//				    })
					return false;// 阻止表单跳转。如果需要表单跳转,去掉这段即可。
				  });
				});
		



如果仅这样会导致表单会自动刷新 将表单内容传到地址栏上,要在上传的按钮上加上如果仅这样会导致表单会自动刷新 将表单内容传到地址栏上,要在上传的按钮上加上

type="button"

如下

 

你可能感兴趣的:(layui,博客,layui)