AJAX
。
什么是 AJAX,为什么要使用 AJAX ?
1. AJAX是“异步JavaScript和XML”的缩写。 这是一种网页开发技术,用于创建交互式web APP应用程序。2 .客户机和服务器无需刷新整个浏览器即可与服务器异步通信的技术
原生 AJAX 请求处理?
1 .创建xmlhttprequest对象,即创建异步调用对象2 .创建新的HTTP请求,并指定该HTTP请求的方法、URL和凭据
设置响应HTTP请求的状态变化的函数
发送HTTP请求
5 .获取异步调用返回的数据
使用JavaScript和DOM进行本地刷新
同步请求和异步请求的区别?
同步:浏览器访问服务器的请求,用户查看页面更新,重新发送请求,请求结束,页面更新,出现新内容,用户查看新内容,进行以下操作异步:浏览器访问服务器进行请求,用户操作正常,在浏览器后端进行请求。 请求结束后,页面不更新,也显示新内容,用户查看新内容
AJAX 的优点和缺点?
AJAX的好处1 .无更新数据(不更新整个页面而维持与服务器的通信)2.异步与服务器通信,不中断用户操作)3.前端和后端的负载均衡)前端的一些工作减少服务器和宽度的负担)4.将接口和APP分离) ajax将接口和APP分离,也就是将数据和演示分离)。
AJAX的缺点
1. AJAX不支持浏览器的后退按钮。 2 .安全问题AJAX暴露了与服务器交互的详细情况。 3 .搜索引擎支持薄弱。 4.back和History的后退按钮的正常动作等破坏了浏览器的结构
请解释一下 JavaScript 的同源策略?
同源策略是客户端脚本,特别是Javascript的重要安全度量标准。Netscape Navigator2.0的第一个版本。 目的是防止文档或脚本从多个不同的源进行装载。
2 .同源战略是指协议、域名、端口相同。 同源策略是一种安全协议,指的是一个脚本只能读取来自同一来源的窗口和文档的属性。
如何解决跨域问题?
1.域间概念:协议、域名和端口都是同一个域,否则是跨域的
2 .解决跨域问题:
1 )使用JSONP(JSONpadding )填充数据2 ).CORS方式)域间资源共享),在后端配置域间可能性3 ) .从服务器代理、服务器的文件中存储到第三方的资源
基于
axios 库的特点?
1.xhr/http包promise的异步ajax请求库2 .浏览器侧/node侧均可使用
3 .请求/响应拦截器支持
4 .取消支持请求
5 .请求/响应数据转换
6 .批量发送多个请求