比如有上千个美女图片的列表页中有排序的需求,如根据年龄进行排序,如果采用ajax异步请求就不能保证列表页的数据按年龄进行排序。因为如果采用ajax进行异步请求,就不能保证第一次请求的数据比第二次请求的数据先到。要想列表页的数据按年龄进行排序,就必须采用ajax同步,即ajax请求的数据必须返回后才可以进行下一次的ajax请求,根据实验得出只要在有网的情况的ajax不会出现请求失败的情况
var _url = "https://www.baidu.com/"
$.ajax({
type: "POST",
data:{"k":"hello"},
url: _url,
cache:false,
async:false,//true:异步,false:同步。
success: function(data){
alert("ajax请求成功")
},
error: function(){
alert("ajax请求失败")
}
})
var page=$('#page').val()$.ajax({
type: 'POST',
url: url,
data: {page:page},
success: function(data){
page++
},
dataType:json
})
手机在上拉事件 page++.就可以实现你想要的功能了
首先获取到数据。在这里模拟创建一个数组用于测试数据集。
第二步,创建一个button点击事件。用于动态观察,同时创建ul标签下的厨师li标签元素,直观的通过点击button的点击事件来触发li标签的更改。
第三步,写入js控制代码,一开始通过remove动作先把原先的li表情清楚,接下来,使用jQuery的each方法遍历创建的data数据,并把遍历得到的数据通过append的方法加入到ul标签内。
第四步,进行验证。用浏览器打开此页面。
第五步,点击“点击加载数据”按钮。
拓展资料:
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)