m0_59745705的博客

案例_分类导航巧克力</p><p>巧克力</p><p>巧克力

执行同步代码，遇到异步代码交给宿主浏览器环境执行，当异步代码有了结果后，把回调函数放入任务队列排队，当调用栈空闲后，反复调用任务队列里的回调函数。原因：JavaScript单线程（某一时刻只能执行一行代码），为了让耗时代码不阻塞其他代码运行，设计了事件循环模型。概念：JavaScript有一个事件循环的并发模型，事件循环负责执行代码，收集和处理事件以及执行队列中的子任务。执行过程：执行代码和收集异步任务的模型，在调用栈空闲，反复调用任务队列里的回调函数执行机制，就叫事件循环。

async函数和await的错误捕获省份：</span><span>城市：</span><span>地区：

用async函数和await解决回调函数地狱省份：</span><span>城市：

异步代码：可以执行一个长期运行的任务，不必等待任务完成，调用后耗时，不阻塞代码继续执行（不必再原地等待），在将来完成后触发一个回调函数。概念：依靠then（）方法返回一个新生成的Promise对象特性，继续串联下一环任务，直到结束。// return Promise对象最终状态和结果，影响到新的Promise对象。做法：每个Promise对象中管理一个异步任务，用then返回Promise对象，串联起来。细节：then()回调函数中的返回值，会传给then函数新生成的promise对象。

img src="./imgs/多云.png" alt="" class="weatherImg"><img src="./imgs/多云.png" alt="" class="weatherImg"><img src="./imgs/多云.png" alt="" class="weatherImg"><img src="./imgs/多云.png" alt="" class="weatherImg"><img src="./imgs/多云.png" alt="" class="weatherImg">

注册用户

封装简易axios函数 获取数据 GET

title>案例_使用Promise+XHR_获取省份列表</title>* 目标：使用Promise管理XHR请求省份列表。// 错误对象要用console.dir详细打印。// 服务器返回错误提示消息，插入到p标签显示。// 2. 执行XHR异步代码，获取省份列表。// xhr如何判断响应成功还是失败的？* 2. 执行XHR异步代码，获取省份列表。// 2xx开头的都是成功响应状态码。// 3. 关联成功或失败函数，做后续处理。// 1. 创建Promise对象。

/ resolve() => 'fulfilled状态-已兑现' => then()// reject() => 'rejected状态-已拒绝' => catch()-- Promise：对象用于表示一个异步操作的最终完成（或失败）及其结果值。注意：Promise对象一旦被兑现/拒接就是已敲定了，状态无法再被改变。// 1. 创建Promise对象（pending待定状态）// 成功调用：resolve（值）触发then()执行。// 失败调用：reject（值）触发catch()执行。

城市名字

document.querySelector('.my-p').innerHTML = data.list.join('<br>')//渲染到页面上。console.log(xhr.response)//返回对象结构的json字符串，axios会自动转为js对象，原生的则不会转。pname=辽宁省')console.log(data.list.join('<br>'))//数组转字符串。

保存

图片上传

账号名密码

input type="button" class="btn" value="提交">目标：在点击提交时，使用form-serialize插件，快速收集表单元素值。* - true：JS对象（推荐）一般请求体里提交给服务器。* - true: 获取空值（推荐）数据结构和标签结构一致。* 2. 使用serialize函数，快速收集表单元素的值。* 表单元素设置name属性，值会作为对象的属性名。* 建议name属性的值，最好和接口文档参数名一致。* - false：不获取空值。

简单点说，就是XMLHttpRequest对象与服务器通信，它可以使用JSON，XML，HTML，和text文本格式发送和接收数据，AJAX最吸引人的就是它的异步特性，也就是说它可以在不重新刷新页面的情况下与服务器通信，交换数据，或更新页面。参数名=值&参数名2=值2-->-- 概念：AJAX是浏览器与服务器进行数据通信的技术,能把把数据变活 -->2.请求头：以键值对的格式携带的附加信息，比如：Content-type（类型）接口：使用AJAX和服务器通讯时，使用的URL，请求方法，以及参数。