Ajax简单的请求数据以表格的形式渲染到页面
生活随笔
收集整理的這篇文章主要介紹了
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简单的请求数据以表格的形式渲染到页面的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 微信小程序 view中的image水平垂
- 下一篇： swoole安装异步reids