使用浏览器的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

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

 

 

节流

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

节流和防抖有相反之处 ；

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

节流阀

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

 

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

 

 

区别：

防抖就只会执行最后一次

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