利用Ajax对接口将数据渲染到页面中 |
您所在的位置:网站首页 › js调用远程接口 › 利用Ajax对接口将数据渲染到页面中 |
步骤 1.将要渲染数据的模板的大体框架搭好 2.引入art-template引入模板,在Js文件中通过函数template(‘id选择器的名字’,要渲染的数据)并将其赋值给一个变量,将该变量放到我们写好的模板中[通过JQuery中的html来添加] 3.上述模板都搭建好后,就开始写js函数啦 (1)在Js文件中定义一个获取数据的函数,根据接口文档来写Ajax,判断数据是否获取成功,成功后将步骤2的代码贴上去这样就将数据渲染到页面中啦 (2)里面的具体数据还是要根据接口的名字通过标准语法来添加,千万不要忘记调用函数 下面附上我的代码 HTML代码 DOCTYPE html> Document {{each data}} |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |