jQuery实现从后端获取数据并渲染到页面

话不多说,先上效果

jQuery实现从后端获取数据并渲染到页面_第1张图片

点击按钮,实现页面渲染

jQuery实现从后端获取数据并渲染到页面_第2张图片

接口文档

jQuery实现从后端获取数据并渲染到页面_第3张图片

注:接口文档和后端地址来源于【黑马程序员微信小程序开发前端教程_零基础玩转微信小程序】 https://www.bilibili.com/video/BV1nE41117BQ/?p=57&share_source=copy_web&vd_source=81202236c582d64e6a1e57dd79b18f0f B站视频课程

实现代码




    
    
    
    Document
    
    


    
        

总结:

  1. 用jQuery向https://api-hmugo-web.itheima.net/api/public/v1/home/catitems发送get请求来获取数据

  1. 获取数据成功后通过 $("body").append( )将数据渲染到页面上(这里还用到了模板字符串)

你可能感兴趣的:(jquery,html5,css,ajax,javascript)