cont6708 2022-05-11 20:29 采纳率: 83.3%
浏览 34
已结题

Ajax在调用接口数据渲染过程中使用jQuery创建元素失败

问题遇到的现象和发生背景

Ajax在调用接口数据渲染过程中使用jQuery创建元素失败

问题相关代码,请勿粘贴截图

<body>
    <span id="tb"></span>
    <script>
        $(function() {
            function getbooks() {
                $.get('http://www.liulongbin.top:3006/api/getbooks', function(res) {
                    if (res.status !== 200) {
                        return alert('调用接口失败');
                    }

                    var rows = [];
                    $.each(res.data, function(i, item) {
                        // $('#tb').prepend('<div><span>' + item.id + '</span><span>' + item.bookname + '</span><span>' + item.author + '</span><span>' + item.publisher + '</span></div>');
                        **$('#tb').append('<span></span>');**
                    });
                    $('#tb').empty().append(rows.join(''));
                })
            }
            getbooks();
        })
    </script>
</body>
运行结果及报错内容
**$('#tb').append('<span></span>');**
我的解答思路和尝试过的方法

把它放在调用接口函数之前能够正常添加元素,放在函数中未添加元素,且无任何提示

我想要达到的结果
  • 写回答

2条回答 默认 最新

  • 关注

    img


    empty() 方法从被选元素移除所有内容,包括所有文本和子节点。你的这句话是在调用接口之后移除了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 5月20日
  • 已采纳回答 5月12日
  • 创建了问题 5月11日

悬赏问题

  • ¥20 python作业求过程
  • ¥15 wincc已组态的变量过多
  • ¥60 如图:直线与椭圆X轴平行,求直线与椭圆任意一点的相切坐标计算公式
  • ¥50 如何用python使用opencv里的cv::cudacodec::VideoWriter函数对视频进行GPU硬编码
  • ¥100 c#solidworks 二次开发 工程图自动标边线法兰 等折弯尺寸怎么标
  • ¥15 halcon DrawRegion 提示错误
  • ¥15 FastAPI Uvicorn启动显示404
  • ¥15 centos7.9脚本,怎么排除特定的访问记录
  • ¥15 关于#Django#的问题:我的静态文件呢?
  • ¥15 关于CPLEX的问题,请专家解答