今天用了建了一个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("数据请求失败");
}
})
})
是吧;数据出来了!有时候我们很容易被表面的数据迷惑了眼睛,只要再多做一步,真相就会显示在眼前,生活有时候也是这
样,不能光看外表,实践是检验真理的,而时间才是见证最终的真理;哈哈!说多了,搬砖搬砖!我还是程序小白呢?