提示:根据返回字段的不同,在请求成功或者失败的地方请自行修改。需要导入Jquery

<script>
	layui.use('form', function(){
		var form = layui.form;
		form.on('submit(updateWord)', function(data){
			console.log(JSON.stringify(data));
			//提交单词
			var index = layer.load(1, {shade: 0.3});
			var ajaxTimeout = $.ajax({
				url : "/admin/word/wordUpdate",
				type : "post", // 提交方式
				contentType: "application/json;charset=UTF-8", //发送数据的格式
				timeout : 10000,//请求超时时间
				data : JSON.stringify(data.field),
				dataType : "json",
				success : function(data) {
					layer.close(index);
					if(data.code == 0){
						layer.msg(data.message);
					}else if(data.code == 500){
						layer.msg(data.message);
					}
				},error : function(XMLHttpResponse, textStatus, errorThrown) {
					layer.close(index);
					console.log("1 异步调用返回失败,XMLHttpResponse.readyState:"+XMLHttpResponse.readyState);
					console.log("2 异步调用返回失败,XMLHttpResponse.status:"+XMLHttpResponse.status);
					console.log("3 异步调用返回失败,textStatus:"+textStatus);
					console.log("4 异步调用返回失败,errorThrown:"+errorThrown);
					console.log(XMLHttpResponse);
					layer.msg("服务器请求错误!");
					return;
				},complete : function(XMLHttpRequest,status){
					//请求完成后最终执行参数      
					if(status=='timeout'){
						//停止请求    
						ajaxTimeout.abort();
						layer.msg("服务器请求超时!请稍后重试");
					}   
				}
			});
			return false;
		});
	});
</script>

 

最后修改于 2020-09-08 13:14:17
如果觉得我的文章对你有用,请随意赞赏
扫一扫支付
上一篇