1. 程式人生 > >H-UI 和thinkphp5組合的ajax提交問題

H-UI 和thinkphp5組合的ajax提交問題

涉及三個頁面:

1、模板頁面。只需<form><input type="submit"></form>,無需action和method

2、js指令碼

	<!--請在下方寫此頁面業務相關的指令碼-->
	<script type="text/javascript">
		$(function(){
			$("#addform").validate({
				rules:{
					name:{
						required:true,
					},
					passwd:{
						required:true,
					},					
				},
				onkeyup:false,
				focusCleanup:true,
				success:"valid",
				submitHandler:function(form){
					$(form).ajaxSubmit({
						type: 'post',
						dataType: "json",
						url: "sissvip_add_post",
						success: function(data){
							//alert(data);
							layer.msg('修改成功!', {icon:1,time:10000}, function(){
								var index = parent.layer.getFrameIndex(window.name);
								parent.location.reload(); //重新整理父頁面
								parent.layer.close(index);
							});
						},
						error: function(XmlHttpRequest, textStatus, errorThrown){
							layer.msg('error!',{icon:1,time:1000});
						}
					});
				}
			});			
		});
	</script>
	<!--/請在上方寫此頁面業務相關的指令碼-->

3、thinkphp5控制器接收post過來的引數

$param = $this->request->param('');

最後,根據thinkphp後臺處理結果返回前端顯示即可。這裡用的是layer的layer.msg。