![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
3.JavaScript之Ajax
文章平均质量分 91
什么是Ajax?在前后端交互中他发挥了什么作用, 充当了什么样的角色
狄鸠
写给5年后的自己
展开
-
Ajax(1) => http请求面试题
1. http请求面试题几个名词DNS服务器:是进行域名(domain name)和与之相对应的IP地址 (IP address)转换的服务器(在浏览器中既能用ip来访问服务器,也能用域名如www.baidu.com访问服务器,原因就是DNS服务器对域名和主机ip进行了绑定,在互联网中访问域名首先会进入DNS服务器中进行域名解析并指引到对应的主机IP上)客户端:是指与服务器相对应,为...原创 2020-04-28 23:55:34 · 175 阅读 · 0 评论 -
Ajax(2) => 前端性能优化
2.前端性能优化主要分为两大类:1.减少Http的请求次数和请求大小2.代码优化:有利于seo有利于扩展维护有利于减少性能消耗3.DNS以及HTTP通性方式的优化具体实现的方案:尽量减少使用闭包的使用(原因:闭包会开辟不释放的私有占内存)方案A:给元素做循环绑定事件的时候,可以用冒泡事件(事件委托)来做,减少DOM绑定方案B:给元素做循环绑定事件的时候,可以用...原创 2020-04-29 00:01:01 · 240 阅读 · 0 评论 -
Ajax(3) => url的组成
3.url的组成URL/URN/URIURI = URL + URNURI:统一资源标识符,就是URLURL:统一资源定位符URN:统一资源名称URL的组成【http】: //【www.myweb.cn】:【80】【/me/book/index.html】?name=xxx&id=yyy#myself【传输协议】:用来传输客户端和服务器端交互信息的HTTP:超文本传...原创 2020-04-28 23:59:48 · 475 阅读 · 0 评论 -
Ajax(4) => HTTP理论
4. HTTP请求报文在http请求中传递的数据块就叫做数据报文[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UT8PBemw-1588089727037)(ajax.assets/image-20200408202747571.png)]起始行:请求起始行,响应起始行(看爬虫篇)首部(头):通用头【General】请求头【Request...原创 2020-04-29 00:04:33 · 154 阅读 · 0 评论 -
Ajax(5) => Ajax理论
5. Ajax理论http与ajax区别ajax请求是一种特殊的http请求对服务器来说,没有任何区别,区别在浏览器端浏览器端发送请求:只有 XHR 和 fetch 发出的才是 ajax 请求,其他所有的都是非 ajax 请求浏览器端收到相应:(1),一般请求:浏览器会直接显示响应体数据,也就是常说的刷新/跳转页面(2),ajax请求:浏览器不会对界面进行任何更新操作...原创 2020-04-29 00:07:51 · 119 阅读 · 0 评论 -
Ajax(6) => Ajax实操
6.Ajax的操作环境搭建进行ajax的请求前先用express框架搭建一个本地的服务器服务首先进行npm换源npm install -g cnpm --registry=https://registry.npm.taobao.org # 以后直接cnpm下载安装express和path模块搭建服务器// 引入express框架const express = req...原创 2020-04-29 00:10:42 · 220 阅读 · 0 评论 -
Ajax(7) => 跨域请求方案
7.跨域请求三种跨域方案:JSONP模拟ajax请求CORS跨域请求让服务端作为客户端的代理进行请求ajax请求限制Ajax只能自己的服务器发送请求,也就是只能发送同源请求(判断两个请求是否同源:相同http/https协议,域名,端口),比如现在有A和B两个网站,A网站中的HTML文件只能向A服务器获取数据,B网站…获取数据,A只能向A服务器发送Ajax请求,而A如果向B发送请求...原创 2020-04-29 00:15:26 · 125 阅读 · 1 评论 -
Ajax(8) => 封装自己的Ajax
9.封装Ajax参照jquery的单例模式// 自己封装ajax~(function () { function AJAX(option) { return new AJAX.prototype.init(option); }; AJAX.prototype = { constructor: AJAX, sendAjax: function () { //...原创 2020-04-29 00:16:52 · 107 阅读 · 0 评论