怎么写项目中遇到的简单的AJAX(小白持续更新中)

公司项目用到的,我还不会,超级尴尬,在这里说句题外话感谢我项目的后端小伙伴,本文的第一个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();
        })
        });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值