Ajax学习-04

第四天
    1、同源
        协议、地址和端口相同
      1.1  同源策略
            浏览器的一种保护措施
            防止不同源的网页进行交互
    2、跨域
        协议、地址和端口有一项或多项不相同
       2.1 浏览器对跨域的请求的拦截过程
            1、可以发送请求
            2、服务器可以处理这个请求
            3、服务器可以响应这个请求
            4、但是,在响应的过程中,被同源策略拦截
        2.2 如何实现跨域请求
                1、jsonp  不属于ajax请求
                2、CORS
    3、jsonp
        3.1通过script标签的src的属性进行请求非同源的js脚本
            1、只支持get请求
            2、他不是ajax请求
       3.2 如何使用jsonp
            1、定义一个函数
                function  success(res){
              console.log(res)}
            2、让后使用script标签获取不同源的js
                src(协议,地址,端口?callback=success$查询字符串)
   4、 防抖
        在触发一个延迟事件的时候,在延迟过程中如果这个延迟事件再次被触发,则重新延迟,最后这个事件只延迟一次
           4.1 使用方法
               1、 定义一个延迟函数,包含定时器
                2、调用这个函数
                3、如果在定时期间,再次触发这个函数,
                4、则关闭定时器,重新定时

          4.2 应用场景
                1、在ajax中,使用防抖,能有效的减少发送请求
                2、搜索框输入相关的文字,出现建议文字的案例

          4.3 其他减少ajax请求的方法
                1、缓存Ajax返回的数据,能有效的减少ajax请求的次数
                2、在全局定义一个缓存对象
                3、获取输入框的值当作这个对象的键
                4、获取这个键请求ajax的值
                5、 存在全局缓存对象中
                6、先判断缓存对象中,是否存在这个值,则直接return 这个对象的值
   5、 节流
        5.1有条件的执行部分函数

             1、使用场景
             点击n次,但是只在1秒中只执行一次
             懒加载技术
       5.2 节流阀
            是一个开关
            如果条件为真后,则执行这个函数,然后使其这个条件为假
      5.3  使用方式
            先定义一个全局的变量,用于判断真假
            定义一个延迟的函数
            如果全局的变量判断为真,则执行这个延迟函数,让后将全局变量设置为假

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值