Ajax

本文介绍了Ajax的核心功能,包括局部刷新数据、异步处理与同步的区别,以及Ajax的四步实现过程。通过示例展示了Ajax.open方法中参数的含义。同时,探讨了JSON字符串与对象的转换方法、跨页面传值的策略以及清除浮动的三种方法。此外,还讨论了事件委托的概念和a标签伪类的执行顺序,最后提供了一个Ajax请求的封装示例。
摘要由CSDN通过智能技术生成

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);
            }
        })
    },
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值