公司项目用到的,我还不会,超级尴尬,在这里说句题外话感谢我项目的后端小伙伴,本文的第一个ajax,就是他帮我写的,我真是前端的耻辱,手动哭泣表情包。如果有前端和我一样要用到ajax的推荐去B站找一下jQuery与Ajax的视频,基本问题都可以解决,我正在看
1.如果你想要把一个li的json数据从后台拿过来在ul中遍历显示(小白,有术语说的不对的地方望大神指正),很多小伙伴现学现卖的时候,可能会像我一样去套那个标准的的模板
形如
$ajax({ type:“post”, url:" xxx", data:{}
success:function(data){
console.log(data)
}
})
但是我用这种方法去控制台查看的时候json串的obj竟然是null
最后改为下面这种方式就显示数据了,也不明其中道理,等我明天问问后端
$(function () {
var jsondata = {
"current": 1,
"size": 10
}
ajax("http://xxx(这里最好写带http的地址,其实可以把这个地址复制浏览器查看json,ajax小白的我在此备注)", "post", JSON.stringify(jsondata)).then(res => {
console.log(res);
var html = "";
for(var i=0;i<res.obj.records.length;i++){
html +=
' <li class="layui-nav-item">' +
' <a href="javascript:;"">' + res.obj.records[i].(要遍历的元素名称,在json串中查看) +'</a>'
' </li>';
}
$('#sort(给ul定义的id名)').html(html);
layui.ul.render();
})
});