jQuery+ajax请求数据,渲染到前端界面

您所在的位置:网站首页 Jquery获取数据库 jQuery+ajax请求数据,渲染到前端界面

jQuery+ajax请求数据,渲染到前端界面

2023-09-09 08:52| 来源: 网络整理| 查看: 265

作为一个前端开发,在日常工作中,会不断的请求接口,调用接口,再对接口的数据进行一定的处理,渲染在前端界面,尤其是在今天前后端分离的时代,这项技能是每个前端开发必备~

这里就简单的记录工作之中遇到的一些常见的对数据处理的方法,今天要说的是遇到了数组格式的图片的时候,该怎么处理。

一:对于图片数组的渲染

data.json:

{ "pics": ["img/p15.png", "img/p16.png","img/p17.png"] }

代码示例:

jQuery数据处理(1):图片数组的渲染 $.ajax({ url: "data.json", type: 'GET', dataType: 'json', success: function(data) { //图片数组的渲染 var srcHtml = ''; $.each(data.pics, function(i, item) { srcHtml += ''; }) $(".pics").html(srcHtml) } });

好的,打开浏览器,效果如下。

二:对于时间戳的处理

时间的json数据格式:data.json

{"commitTime": 1588061853944}

示例代码:

jQuery数据结构渲染(2):时间戳的处理 时间: $.ajax({ url: "data.json", type: 'GET', dataType: 'jso


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3