ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

ajax

2021-11-18 09:33:37  阅读:150  来源: 互联网

标签:请求 get ajax 同源 data 节流


使用浏览器的xmlhttprequest对象与服务器交互就是ajax

使用场景:用户名查重、搜索提示、分页、数据的增删改查

 

 

流程都是请求处理响应

jquery的ajax是对浏览器的xmlhttprequest进行了封装 ,兼容更好,降低了难度

$.get(url,[data],[callback]) 这里的data就是参数

$.post(url,[data],[callback])这里的data是提交的数据

$.ajax()

form 表单获得所有input数据就是 serialize()连载的

 

 

正则表达式

exec 就是匹配有无这个内容

 <script>
        var str = 'hello'
        var pattern = /o/
        var result = pattern.exec(str)
        console.log(result);
    </script>

 

表达式中的()包起来的内容表示一个分组,通过分组提取自己想要的内容

replace 替换内容

 

axios({

get请求参数 :params:{

}

post:data{

}

})

 

 

同源策略:


http、https 就是协议 

域名www.xxxxs.com: 端口号

这些都相同的就是同源

 

浏览器提供的同源策略

 不同 源网站 无法读取 不同的cookie 数据 

和dom和ajax请求

 

 

跨域

其实数据会正常 发起到服务器 并返回 但是游览器的同源策略会吧数据拦截 ajax就无法响应数据

 

 

 实现跨域请求

jsonp和cors 两种方案

jsonp 只支持get 请求 兼容性 好  利用script 不受同源策略 限制

cors 符合w3c的标准 属于ajax跨域请求的根本解决方案

jsonp 不属于    ajax请求

 

 jquery 发起请求的时候动态添加script标签请求成功后删除 script

 

 

防抖

就和回城一样就是第一次打断 然后重新计时 在执行回城 好处 :保证事件只会执行一次 不会反复执行

使用场景: 输入框  防止 每次按下一个按钮就会发起一个请求  目的 在一定时间里 输入 发起请求

 

核心:setTimeout

然后 将已经输入过的内容 可以缓存在一个对象里 

 

 

节流

减少一段时间内事件的触发频率

节流和防抖有相反之处 ;

节流必须等事件完成后才可以触发下一次事件、

节流阀

节流阀为空才可以使用 不为空 就无法使用

 

使用场景 懒加载的时候 的滚动位置

 

 

区别:

防抖就只会执行最后一次

节流选择性的执行事件,以此来减少 事件触发的频率

 

标签:请求,get,ajax,同源,data,节流
来源: https://www.cnblogs.com/zy-simpleboy/p/15176577.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有