1、Ajax解决了什么问题?(Ajax和form提交的区别)
Ajax局部刷新数据,在不刷新网页的情况下更新数据
2、解释同步、异步,并举例
同步:上一个任务结束,下一个任务开始,比如alert弹窗
异步:多个任务按顺序进行,但是不一定按顺序结束,比如下载任务、图片的加载
3、Ajax分几步实现
1>创建
2>配置/打开
3>监听/响应
4>发送
4、Ajax.open(1,2,3) 请解释说明1,2,3
1:数据提交方式get/post
2:地址url
3:是否异步,默认为false
5、json字符串与对象数据类型如何相互转换
json.stringify(obj) 将obj转为json字符串
json.parse(obj) 将obj解析为对象
6、如何进行跨页面传值
1>a标签或者location.href
2>存储cookie、localStorage、sessionStorage
7、如何清除浮动
1>给父级高度
2>在父级使用overflow:hidden
3>在父级使用clear
8、a标签伪类执行顺序
link执行前 visited执行后 hover:鼠标覆盖 active:左键按下
9、事件委托:
子级的事件交给父级来响应,通过e.target()来找到正确的子级
10、封装
function getNowHotData(cb){
$("#loading").show();
$.ajax({
type:"get",
url:MAIN_URL,
data:{
cityId: JSON.parse(localStorage.city).id,
pageNum:1,
pageSize:10,
type:1,
k:7893203
},
headers:{
'X-Client-Info': '{"a":"3000","ch":"1002","v":"5.2.0","e":"1654601939998034435473409","bc":"130100"}',
'X-Host': 'mall.film-ticket.film.list'
},
success:function(res){
$("#loading").hide();
cb(res);
},
error:function(err){
$("#loading").hide();
cb(err);
}
})
}
getHotData: function(cb){
$.ajax({
type: 'get',
url: HOT_URL,
success: function(res){
console.log(res);
cb(res);
}
})
},