![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前后端交互-Ajax+ http
xumengxia—xu
这个作者很懒,什么都没留下…
展开
-
前后端交互 —— 07ajax 之 HTTP协议加强
1.什么是通信协议通信协议(Communication Protocol)是指通信的双方完成通信所必须遵守的规则和约定。通俗的理解:通信双方采用约定好的格式来发送和接收消息,这种事先约定好的通信格式,就叫做通信协议。 互联网中的通信协议客户端与服务器之间要实现网页内容的传输,则通信的双方必须遵守网页内容的传输协议网页内容又叫做超文本,因此网页内容的传输协议又叫做超文本传输协议(HyperText Transfer Protocol) ,简称 HTTP 协议。什么是HTTP协议HTTP原创 2021-09-24 11:21:39 · 89 阅读 · 0 评论 -
前后端交互 —— 06ajax 之淘宝搜索案例 + jsonp + 模板引擎 + 防抖节流
1.什么是防抖防抖策略(debounce)是当事件被触发后,延迟 n 秒后再执行回调,如果在这 n 秒内事件又被触发,则重新计时。好处,事件被频繁触发的时候,只执行最后一次,节省性能防抖的应用场景用户在输入框中连续输入一串字符时,可以通过防抖策略,只在输入完后,才执行查询的请求,这样可以有效减少请求次数,节约请求资源;2.什么是节流节流策略(throttle),顾名思义,可以减少一段时间内事件的触发频率。一段时间内点击多次,算一次节流的应用场景鼠标连续不断地触发某事件(.原创 2021-09-24 10:28:57 · 213 阅读 · 0 评论 -
前后端交互 —— 06ajax 之跨域与JSONP
1.同源策略什么是同源如果两个页面的协议,域名和端口都相同,则两个页面具有相同的源。 什么是同源策略同源策略(英文全称 Same origin policy)是浏览器提供的一个安全功能。用于隔离潜在恶意文件的重要安全机制通俗的理解:浏览器规定,A 网站的 JavaScript,不允许和非同源的网站 C 之间,进行资源的交互,例如:无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB无法接触非同源网页的 DOM无法向非同源地址发送 Ajax 请求2.原创 2021-09-23 17:15:29 · 148 阅读 · 0 评论 -
前后端交互 —— 05ajax 之XMLHttpRequest Level2的新特性 + JQ上传文件 + Axios 是专注于网络数据请求的库
1.XMLHttpRequest Level2的新功能可以设置 HTTP 请求的时限可以使用 FormData 对象管理表单数据可以上传文件可以获得数据传输的进度信息2.设置HTTP请求时限timeoutxhr.timeout = 3000上面的语句,将最长等待时间设为 3000 毫秒。过了这个时限,就自动停止HTTP请求。与之配套的还有一个 timeout 事件,用来指定回调函数:xhr.ontimeout = function(event){ alert('请.原创 2021-09-23 16:22:41 · 127 阅读 · 0 评论 -
前后端交互 —— 04ajax 之XHR + 数据交换格式JSON
XMLHttpRequest(简称 xhr)是浏览器提供的 Javascript 对象,通过它,可以请求服务器上的数据资源。之前所学的 jQuery 中的 Ajax 函数,就是基于 xhr 对象封装出来的。使用xhr发起GET请求//1.创建XHR对象varxhr=newXMLHttpRequest()//2.调用open函数,指定请求方式与URL地址xhr.open('GET','http://www.liulongbin.top:3006/api/getbo...原创 2021-09-23 14:06:41 · 754 阅读 · 0 评论 -
前后端交互 —— ajax 之 模板引擎03art-template
1.模板引擎的基本概念art-template渲染UI结构时遇到的问题通过字符串拼接的形式,来渲染UI结构。如果UI结构比较复杂,则拼接字符串的时候需要格外注意引号之前的嵌套。且一旦需求发生变化,修改起来也非常麻烦。模板引擎的好处减少了字符串的拼接操作使代码结构更清晰使代码更易于阅读与维护art-template的使用步骤在 {{ }} 语法中,可以进行变量的输出、对象属性的输出、三元表达式输出、逻辑或输出、加减乘除等表达式输出标准语法 – 原文输出 {{@ value }}.原创 2021-09-23 11:29:35 · 174 阅读 · 0 评论 -
前后端交互 —— ajax之form表单02 + serialize()函数 + 清空表单$(‘#formAddCmt‘)[0].reset() + 模板引擎
1.什么是表单表单在网页中主要负责数据采集功能。HTML中的<form>标签,就是用于采集用户输入的信息,并通过<form>标签的提交操作,把采集到的信息提交到服务器端进行处理。表单的组成部分表单标签表单域表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮<form> <input type="text" name="email_or_mobile" /> <inpu原创 2021-09-22 17:56:38 · 358 阅读 · 1 评论 -
前后端交互 - ajax+http01 —— postman接口测试工具使用
1.客户端与服务器上网过程中,负责存放和对外提供资源的电脑,叫做服务器上网过程中,负责获取和消费资源的电脑,叫做客户端URL地址的概念:统一资源定位符URL地址一般由三部组成:① 客户端与服务器之间的通信协议② 存有该资源的服务器名称③ 资源在服务器上具体的存放位置客户端与服务器之间的通信过程,分为 请求 – 处理 – 响应 三个步骤。网页中的每一个资源,都是通过 请求 – 处理 – 响应 的方式从服务器获取回来的2.基于浏览器的开发者工具分析通信过程F12 —— 切换到原创 2021-09-22 14:02:23 · 344 阅读 · 0 评论