怎么把轮播图的图片改成用ajax请求的?
首先,你会用js写轮播图,这就好办了。用js实现的轮播图应该有两种形式:
1. 一个是html里把轮播的图片都组织好,放置在<img>标签中,div包裹好,之后js调用轮播图初始化渲染方法,将这个div中组织好的img标签渲染成轮播图;
2. 另一个是在html里只放置一个标记有ID的div标签,图片的信息都放置在js的数组里,js调用轮播图初始化渲染方法,将这个标记ID的div渲染成轮播图。
那不管是上面的哪种形式,改成ajax的请求方式后,由于请求数据是异步的,首先要想到用户体验,轮播图区域在等待数据填充的时候,先放置一个loading状态图标;同时,发起ajax请求到后端等待返回数据,这里可以使用jQuery提供的ajax请求方法,get或者post方法,如下所示:
$.get("demo.json", function(result){ 这里写轮播图创建方法 }); });
$.post("demo.json",{suggest:txt},function(result){ 这里写轮播图创建方法 }); });
当数据正常返回后:
1. 如果是第一个形式,请将页面里的<img>区块用返回的数据动态创建出来,之后再调用轮播图创建方法;
2. 如果是第二个形式,直接将返回的数据填充到数组中,之后调用轮播图创建方法就可以了。