Ajax获取json的返回值

最新推荐文章于 2024-08-06 17:42:23 发布

春风又一季

最新推荐文章于 2024-08-06 17:42:23 发布

阅读量6.4k

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_40183281/article/details/87862371

版权

javascript 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

看json的返回的相应报文

2019-02-21 15:19:52 INFO HttpClientToolImpl:57 - 响应报文JSON{“errorCode”:“0”,“errorMsg”:“成功”,“data”:{“contectList”:[{“id”:64,“userId”:123534,“name”:"",“mobile”:null,“contactFlag”:null,“address”:""},{“id”:65,“userId”:123534,“name”:"",“mobile”:null,“contactFlag”:null,“address”:""},{“id”:67,“userId”:123534,“name”:“dddd”,“mobile”:“13222726679”,“contactFlag”:null,“address”:“啊啊啊啊啊”},{“id”:68,“userId”:123534,“name”:"",“mobile”:"",“contactFlag”:null,“address”:""},{“id”:69,“userId”:123534,“name”:"",“mobile”:"",“contactFlag”:null,“address”:""}],“countPage”:1}}

根据相应报文看见data的地方，然后后面还有一个contectList，紧接着就是数组，这样我们就要data.contectList[i].name（数组中的属性），按照键值对一一对应数值，在这里如果没有contectList，我们可以直接data[i].name（数组中的属性

$.ajax({
		type : "POST",
		url : '${root}' + '/pc/contect/getdefault?${_csrf.parameterName}=${_csrf.token}',
		data:{},
		dataType : "json", //ajax返回值设置为text(json格式也可用它返回，可打印出结果，也可设置成json)  
		success : function(data) {
		 optionJson = data.contectList;
		 var str = "";
		for(var i = 0 ; i  < optionJson.length ; i++){
			 str+="<tr>"+
		     	"<td>"+optionJson[i].userId+"</td>"+
				"<td>"+optionJson[i].name+"</td>"+
				"<td>"+optionJson[i].mobile+"</td>"+
				"<td>"+optionJson[i].contactFlag+"</td>"+
				 "<td>"+optionJson[i].address+"</td>"
				document.getElementById("message").innerHTML=str;
				 }
		},
			error : function(json) {
				toastr.error('返回数值出错!');
				}
	});