ajax 获取数据并展示到前台

最近一直在研究ajax，今天终于有点眉目了，记录一下，方便以后查看
首先建一个空的标签，用于展示数据

然后就是js代码了，我用的是ajax ,需要引入js文件

<script>window.onload-function(){$.ajax({url:"........"data: "type=new&page=" + page,type: 'get',success:function(msg){var obj = [];obj= msg.data.list;for(var i=0;i<obj.lenght;i++){var stitle = obj.title;var sprice = obj.price;var slink = obj.link;var ssrc = obj.show.src;var str = '<li class='\list\'>'+'<a href=' + slink + '>' +'<img src=' + src + '>' +'<p class=\'title\'>' + stitle + '</p>' +'<p class=\'price\'>' + '价格：' + sprice + '</p>' +'</a>' +'</li>'}$("#news").append(str)},error:function(xhr){console.log(xhr.status)
}})
}
</script>

效果图（css省略）

ajax 获取数据并展示到前台相关推荐

(vue)在ajax获取数据时使用loading组件不起作用
问题描述: 在用ajax获取数据时页面没有变化,想用一个loading图标在获取数据时显示,获取完成后隐藏整个系统用到了vue框架,在执行sure方法时调用ajax函数 sure() {conso ...
自己做一个table插件 (一)Ajax获取数据后动态生成table
今天我给大家带来一个简单的JQ插件,Ajax获取数据后动态生成table.当然,有这种功能的插件有很多.著名的有DataTable.JqGrid--它们虽然功能丰富,成熟,拿来做二次开发是一个不错的选 ...
Vue---v-bind数据绑定、事件绑定、v-for循环绑定数据、v-model数据绑定、过滤器filters、v-show、v-if及练习（demo：切换小球颜色、获取数据进行展示、显示和隐藏）
一.如何创建一个Vue实例*******************************************************{{}} 在vue中是一个展示数据的方式一个页面中可以有多个vu ...
通过ajax获取的数据怎怎么在html上,Ajax获取数据然后显示在页面的实现方法
主要功能流程介绍循环获取列表数据点击列表数据进入详情页点击报名参加弹出报名成功提示框点击提示框中的确定按钮,跳回列表页代码实现流程和解说 1.访问链接list.PHP时判断是pc端还是客户端 ...
vue定时ajax获取数据,vue 中使用 AJAX获取数据的方法
在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: new Vue({ el:'#app', data:{data:&qu ...
ajax 微信code获取_获取链接的参数，判断是否是微信打开，ajax获取数据
//获取链接参数 function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "= ...
ajax获取数据中文乱码问题最简单的完美解决方案
ajax获取数据中文乱码问题最简单的完美解决方案参考文章: (1)ajax获取数据中文乱码问题最简单的完美解决方案 (2)https://www.cnblogs.com/konglxblog/p/1 ...
vue 读取ajax数据,详解vue 中使用 AJAX获取数据的方法
在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: new Vue({ el:'#app', data:{data:&qu ...
Chart.js使用及ajax获取数据
图表插件Chart.js使用插件简介安装插件简介 chart.js是一个优秀的开源图表处理插件,内置条形,折现,雷达,时间刻度等等图表渲染. 安装 chart.js官网. 我这里使用2019年3 ...

ajax 获取数据并展示到前台

ajax 获取数据并展示到前台相关推荐

最新文章

热门文章