ajax
hcoke
这个作者很懒,什么都没留下…
展开
-
Http协议
1.什么是通信信息的传递和交换。三要素:通信的主体、内容、方式。互联网中的通信:服务器把传智专修学院的简介通过响应的方式发送给客户端浏览器。通信的主体是服务器和客户端浏览器;通信的内容是传智专修学院的简介;通信的方式是响应。2.HTTP协议:HTTP协议即超文本传输协议,它规定了客户端与服务器之间进行网页内容传输时,所必须遵守的传输格式。HTTP协议采用了 请求/响应的交互模型。HTTP消息的组成部分:1.请求行上图的请求方式为POST ...原创 2022-04-23 21:39:05 · 349 阅读 · 0 评论 -
输入框的防抖
1.什么是防抖防抖策略是当事件被触发后,延迟n秒再执行回调,如果在这n秒内事件又被触发,则重新计时。好处就是在事件被频繁触发的情况下,保证事件只会被执行一次,不会频繁执行。2.防抖的应用场景:用户在输入框中连续输入一段字符时,可以通过防抖策略,只在输入完成后,才执行查询的请求,这样可以有效减少请求次数,节约请求资源。思路:写一个函数,内部包含一个定时器,它在一段时间后发起请求,比如说500ms,然后在这个时间段内,只要再次监听到触发了发起请求的事件,就清空这个函数内的定时器。如下原创 2022-04-22 19:59:52 · 2764 阅读 · 0 评论 -
jquery中的JSONP
jquery中的$.ajax()函数,除了可以发起真正的Ajax数据请求之外,还可以发起JSONP数据请求,例如: $.ajax({ url: 'http://www.liulongbin.top:3006/api/jsonp?name=zs&age=20', dataType: 'jsonp', success: function (res) { console.log(res);原创 2022-04-21 21:28:19 · 5510 阅读 · 0 评论 -
同源策略和跨域
什么是同源:如果两个页面的域名协议端口都相同,则两个页面具有相同的源。下表中的例子为我们展示了同源的是与否 相对于http://www.test.com/index.html 没写端口号则默认端口号为:80同源策略:同源策略是浏览器提供的一个安全功能。MDN官方给定的概念:同源策略限制了从同一个源加载的文档或脚本如何与另一个源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。通俗理解: A网站的JavaScript不允许与非同源的网站C之间,进行资源的交互,例...原创 2022-04-21 20:54:06 · 554 阅读 · 0 评论 -
Axios
什么是Axios:Axios是专注于网络数据请求的库。相比于原生的XMLHttpRequest对象,Axios简单易用。相比于jquery,Axios更加轻量化,只专注于网络数据请求。Axios发起get请求的语法:axios.get('url',{params:{/*参数*/}}).then(callback)具体的请求实例如下:...原创 2022-04-21 16:46:59 · 376 阅读 · 0 评论 -
使用jquery实现文件上传的步骤
1.定义UI结构<!-- 导入jquery --><script src="../lib/jquery.js"></script><!-- 文件选择框 --><input type="file" id="file1" /><!-- 上传文件按钮 --><button id="btnUpload">上传文件</button>2.判断是否选择了文件 $(function () {原创 2022-04-20 21:25:10 · 9906 阅读 · 0 评论 -
计算文件的上传进度
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-04-20 20:37:06 · 439 阅读 · 0 评论 -
XML HttpRequest Level2
1.旧版XML HttpRequest的缺点只支持文本数据的传输,无法用来读取和上传文件。传送和接收数据时,不能显示进度信息,只能提示有没有完成。2.XML HttpRequest Level2新特性可以设置HTTP请求的时限可以使用FormData对象管理表单数据。可以上传文件可以获得数据传输的进度信息。如何设置Http请求的时限:有时,ajax操作很耗时,而且无法预知要花多少时间。新版本的XML HttpRequest 属性增加了timeout属性,可以设置HTT原创 2022-04-20 16:35:37 · 686 阅读 · 0 评论 -
数据交换格式
数据交换格式就是服务器端与客户端之间进行数据传输与数据交换的格式。前端领域经常提到的两种数据交换格式有JSON、XML。其中XML用的非常少,我们重点要学习的数据交换格式就是JSON。1.什么是XMLXML即可扩展的标记语言,因此XML与HTML类似,也是一种标记语言。2.与HTML的区别:他们虽然都是标记语言,但是 他们两个之间没有任何关系。HTML被设计用来描述网页上的内容,是网页内容的载体。XML被设计用来传输和存储数据,是数据的载体。3.XML缺点XML格式臃肿,原创 2022-04-19 21:52:29 · 1955 阅读 · 0 评论 -
XMLHttpRequest续
使用XHR发起post请求:步骤:1.创建XHR对象var xhr = new XMLHttpRequest()2.调用xhr.open函数xhr.open('post', 'http://www.liulongbin.top:3006/api/getbooks')3.设置content-type属性(固定写法)xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')4.调用xh原创 2022-04-18 17:28:15 · 169 阅读 · 0 评论 -
URL编码
什么是URL编码:URL地址中,只允许出现英文相关的字母、标点符号、数字。因此不允许在url地址中出现中文字符,如果出现了,就必须对中文字符进行编码(转义)。url编码的原则:使用安全的字符(没有特殊用途或者特殊意义的可打印的字符)去表示哪些不安全的字符。通俗理解就是:用英文字符去表示分英文字符。每一个中文字符编译成url编码之后都是三组百分号。如何对url进行编码与解码:浏览器提供了url编码与解码的api,分别是:encodeURL() 编码的函数decodeURL().原创 2022-04-18 16:18:14 · 244 阅读 · 0 评论 -
XMLHttpRequest
XMLHttpRequest,是浏览器提供的JavaScript对象,通过它可以请求服务器上的数据资源。之前所学的Jquery中的ajax函数,就是基于xhr对象封装出来的。利用xhr发起get请求:1.创建xhr对象。var xhr = new XMLHttpRequest()2.调用open函数,指定请求方式与url地址xhr.open('get', 'http://www.liulongbin.top:3006/api/getbooks')3.调用send函数原创 2022-04-18 16:02:27 · 780 阅读 · 0 评论 -
通过ajax提交表单数据
监听表单提交事件在jquery中,以下两种方式均可以监听到表单的提交事件。$('#form1').submit(function(e){ alert('监听到了表单提交事件')})$('#form1').on('submit', function(e) { alert('监听到了表单提交事件')})以下是这两种方式的例子:<!DOCTYPE html><html lang="en"><head> <meta原创 2022-04-17 16:31:43 · 2594 阅读 · 0 评论 -
form表单
method属性:规定用于发送 form-data 的 HTTP 方法。可选值有get与post。默认情况下method的值为get。get适合用来提交少量的,简单的数据。post适合用来提交大量的,复杂的或包含文件上传的数据。实际开发中很少使用get方式,而post方式用的最多,登录、注册、添加数据等操作都要用到post。enctype属性:规定在发送表单数据之前如何对其进行编码。它的可选值有三个:application/x-www-form-urlencoded.原创 2022-04-17 14:48:58 · 155 阅读 · 0 评论 -
什么是AJAX
Ajax全称是:Asynchronous Javascript And XML通俗的理解:在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式就是Ajax。原创 2022-04-17 00:12:45 · 279 阅读 · 0 评论