Ajax&Fetch学习笔记 08、Fetch
一、认识Fetch1.1、介绍FetchFetch也是前后端通信的一种方式。优点：Fetch是Ajax(XMLHttpRequest)的一种替代方案，默认就是基于Promise。如今不使用Fetch原因：①兼容性问题。②没有abort、timeout机制。③不能通过请求头来携带数据。(只能自己在url上加)，还没有很完善所以还在使用ajax。1.2、Fetch初次使用(查看response)我们....
Ajax&Fetch学习笔记 07、axios(第三方库)
安装axiosnpm install axios一、axios.get对于请求参数携带有两种方式：//方式一：直接写在第一个参数url的后面 axios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .catch(function (error) { consol...
Ajax&Fetch学习笔记 06、ajax实际应用(三种)
一、搜素提示我们在网站上输入关键字往往都会得到相应匹配的值出现在下拉框中，这是如何实现的呢？实际上也是通过发送ajax请求之后得到响应将响应的值显示在下拉框里即可！！！示例如下：1、准备一个input输入框以及ul列表。2、监听输入事件，并且设置定时器来根据input中的值发送ajax请求得到相关联匹配的值。定时器解决问题：精准定位用户搜索内容发出ajax请求(对于关键内容用户会一下子输完，在快....
Ajax&Fetch学习笔记 05、ajax封装(含Promise)
一、内部封装jsajax类 初始化方法 绑定响应事件处理 设置各个header 发送请求 utils工具类 constant常量类 default配置类：基本的配置属性 index(对外暴露封装类) 给外界调用的接口①utils工具类// 添加url请求参数：data为已经序列化的string值，这里只需要判断url后添加?还是& const addUrlData = ...
Ajax&Fetch学习笔记 04、FormData使用
一、认识FormData(含方法测试)FormData是什么？是一个类，能够将表单dom元素传入自动解析其中的表单元素，将name与value以数组的形式来存储。用途：能够作为参数放置在xhr.send()中，在send()中会对该FormData里的数据进行解析并且合并为指定的字符串形式发送出去，并且该类具有append、delete、get方法能够快速的进行添加得到表单元素的值。兼容性：IE....
Ajax&Fetch学习笔记 03、跨域问题
一、认识跨域1.1、介绍跨域(含示例)跨域：向一个域发送请求，如果要请求的域和当前域是不同域即为跨域。不同域之间的骑牛，就是跨域请求。示例：<script> //访问本地资源实际就是同域：http://localhost:5500/main.css // const url = "./main.css"; //下面这个请求就是不同域，若是我们在本地向改地址...
Ajax&Fetch学习笔记 02、JSON
一、介绍JSONJSON(JavaScript Object Notation，js对象符号)。JSON本质就是字符串，有3种形式。如今前后端数据传输借助JSON字符串来传递。二、JSON三种形式2.1、简单值形式简单值：就是简简单单的一个值，如hello，12，undefined，null，这些都会当做string字符串来传递。类型：数字、字符串、布尔值、null。注意事项：JSON中没有un....
Ajax&Fetch学习笔记 01、ajax（二）
三、xhr深入学习xhr指的就是js中的XmlHttpRequest。3.1、xhr属性3.1.1、responseType(影响response与responseText)使用时机：在send()前。当我们不对responseType属性做任何赋值时，response与responseText都能够得到响应字符串string类型。默认实际你就可以看做是赋值responseType="text"....
Ajax&Fetch学习笔记 01、ajax（一）
一、认识Ajax1.1、介绍AjaxAjax(Asyncchronous JavaScript and XML)：异步JavaScript和XML的简写。Ajax中的异步：可以异步地向服务器发送请求，在等待响应的过程中，不会阻塞当前页面，浏览器可以做自己的事情。直到成功响应后，浏览器才会开始处理响应数据。传输的内容：原本前后端进行传输的是XML(可扩展标记语言)，如今不怎么使用了，比较常用的就是....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。