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

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

来来:看看到底是什么回事吐舌头

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

 $(document).ready(function () {  
		$.ajax({
			url : "/hel",
			type : "post",
			dataType : 'json',
			async : true,
			success : function(data){
				var 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){
				var 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("<tr class='table-tr'><td style='display:none;'></td>"+data[i].prodId+ "<td class='table-td'>"+data[i].prodTitle+"</td><td class='table-td'>"+data[i].prodContent+"</td><td class='table-td'>"+data[i].prodParameter+"</td><td class='table-td'><span onclick = 'modify(this);'>修改</span> | <span onclick = 'del(this);'>删除</span></td></tr>");
				}
			},
			error:function(){
				alert("数据请求失败");
			}
		})
	})

是吧;数据出来了!有时候我们很容易被表面的数据迷惑了眼睛,只要再多做一步,真相就会显示在眼前,生活有时候也是这

样,不能光看外表,实践是检验真理的,而时间才是见证最终的真理;哈哈!敲打说多了,搬砖搬砖!我还是程序小白呢?大笑


猜你喜欢

转载自blog.csdn.net/qq_41408081/article/details/80626839