Ajax简单的请求数据以表格的形式渲染到页面

<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>长安汽车</title><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /><meta name="description" content=""><meta name="keywords" content=""><script src="https://cdn.bootcss.com/jquery/2.1.2/jquery.min.js"></script><script src="https://img.huiyiguanjia.com/CDNFile/layer/layer-v3.1.1/layer/layer.js"></script></head><body><div class="main"><a onclick="lala()">点击我</a><table id="table" border="1"></table></div></body>
</html><script type="text/javascript">function lala() {$.ajax({type: "get",url: "http://www.sghc.top:8081/api/Values/list",dataType: "json",error: function(data) {alert("连接超时");},success: function(data) {console.log(data)console.log(data.data[0].key);console.log(typeof(data.data[0].mimeType));var dataResult = data.dataif (data.code == 200) {$("#table").html("<tr><td>名称</td><td>图片</td></tr>");for (var i = 0; i < dataResult.length; i++) {var stingPic = dataResult[i].mimeType;if(stingPic=="image/jpeg"){$("#table").append("<tr><td>" + dataResult[i].key +"</td><td>" + dataResult[i].mimeType +"</td><tr>")}};}}});}
</script>

下图是师傅简化代码后的写法：

转载于:https://www.cnblogs.com/fkcqwq/p/11363638.html

Ajax简单的请求数据以表格的形式渲染到页面相关推荐

AJAX跨域请求数据原理与案例
1.如何通过AJAX跨域请求数据 AJAX通过jsonp来实现跨域请求数据,通过设置dataType(jquery)为jsonp即可. 2.AJAX如何通过jsonp实现跨域(来源于其他网站资料) J ...
$.ajax跨域请求数据的解决方案
最近一直在搞公众号前台开发,遇到了ajax跨域请求的问题,像地区的省-市-县三级联动.汽车品牌-车系-车款的三级联动查询等都需要调用外部接口(其他工程项目的接口)完成.下面就分享一下个人解决跨域请求的 ...
ajax 跨域请求数据,JQuery Ajax执行跨域请求数据的解决方案
JQuery Ajax执行跨域请求数据的解决方案今天前端因为需要ajax调用两个不同的项目,请求域不一样,所以涉及ajax跨域的问题 ,其实很简单,具体如下原来的ajax请求如下: $.ajax( ...
阿贾克斯（Ajax）异步请求数据
js文件中: 1.接受数据,分割拼接处理 2.var xhr = XMLHTTPRequest() 3.判断请求类型,get or post:get 的url里有参数,post里边没有(不能被用户直接 ...
【Python Flask】使用Ajax从后台请求数据
前端JS //ajax 后台重新取数据加载tree内容function ajaxTree() {$.ajax({url: "{{ url_for('main.example_ajax') ...
Ant Design Pro 网络请求，视图绑定model并且渲染到页面 umi-request
封装网络请求,在service中新建接口,在model调用service,在视图绑定model并且得到网络请求的回调函数,获取网络请求的数据渲染到页面. 网络请求数据走向: 1.在utils/requ ...
java ajax jquery分页插件_JQueryPagination分页插件,ajax从struts请求数据
2017-07-16 学完了struts2,做了个关于分页的小例子,用到了JQuery分页插件Pagination,先贴下插件下载地址插件作者对于参数讲解的不够详细,琢磨了半天才明白怎么用,不多说, ...
ajax向后台请求数据，后台接收到数据并进行了处理，但前台就是调用error方法...
如果你的前台页面书写正确的情况下,并且运行情况和本文题目类似,那不妨试试这个: 在ajax方法中加上:async:false,让ajax同步执行. 因为ajax默认是异步的,至于为什么会不执行succ ...
php数据库查询到数据以表格的形式展现出来
前言: 需求介绍: 将wordpress数据库的积分表其中的几个字段,获取出来制作成表格. 插件调查: 免费的版本都是一些静态的表格,其他收费的插件没有查看,打算通过短代码的形式开发 wordpres ...

Ajax简单的请求数据以表格的形式渲染到页面

Ajax简单的请求数据以表格的形式渲染到页面相关推荐

最新文章

热门文章