ajax返回值出现object，是什么情况?来分析分析

今天用了建了一个springboot项目练习一下，出现这个：

来来：看看到底是什么回事

先带上数据类型为：dataType : 'json',   看看

$(document).ready(function () {  
    $.ajax({
	    url : "/hel",
		type : "post",
		dataType : 'json',
		async : true,
		success : function(data){
			let result = data;
			console.log("数据对象："+result);
			alert("数据请求成功弹出："+result);
		},
		error:function(){
			alert("数据请求失败");
		}
	})
})

浏览器显示的结果：object ，懵了 》 》 》怎么回事！

而且我用postman测试一下;得出的结果杠杆的，nice一样nice ，只想问一下为什么？看下去

好吧！只能换这个了dataType : 'text',     

 $(document).ready(function () {  
	$.ajax({
		url : "/hel",
		type : "post",
		dataType : 'text',
		async : true,
		success : function(data){
			let result = data;
			console.log("数据对象："+result);
			alert("数据请求成功"+result);
		},
		error:function(){
			alert("数据请求失败");
		}
	})
})

浏览器显示的结果；这回可以获取到想要的数据了

然而，获取到的数据居然是一大个字符串，再次懵了吧！

别急！老哥稳点；别跌倒了，我跌了一次，唉！搬砖不易啊，再来 按照我们正常思路就用dataType:'json'  这个；

$(document).ready(function () {  
  $.ajax({
	url : "/hel",
	type : "POST",
	datatype : 'JSON',
	async : true,
	cache:false,
	contentType : "application/json; charset=utf-8",
	success : function(data){
	  console.log("数据对象："+data);
	  for(var i = 0; i < data.length; i++){
	    console.log("prodId数据："+data[i].prodId+" , prodTitle数据："+data[i].prodTitle); //这里打印一下看看你要取的属性值
	    $('.table').append(""+data[i].prodId+ ""+data[i].prodTitle+""+data[i].prodContent+""+data[i].prodParameter+"修改 | 删除");
	  }
	},
	error:function(){
		alert("数据请求失败");
	}
  })
})

 

原因：因为返回到前端的数据就是一个数组对象，而要的数据是对象里面的属性和值，所以循环输出对象的属性就可以得到对应的值了！

其实，学的时候，都知道对象、对象，对象里有属性（成员），有时候就是突然卡了一下，虽然知道，但是就是写不来，相信很多朋友可能遇到过！

人有悲欢离合，月有阴晴圆缺，生有酸甜苦辣，活有柴米油盐！