AJAX
文章平均质量分 88
一生注定学霸命
这个作者很懒,什么都没留下…
展开
-
async 和 await(详解)
一、async 和 awaitpromise 使用 .then 链式调用,但也是基于回调函数async/await 更加优雅的异步编程的写法1.它是消灭异步回调的终极武器2.它是同步语法,也就是用同步的写法写异步的代码案例1:promise异步加载图片分别使用 .then 和 await 来获取结果区别1.await 完全没有回调函数2.await 是同步写法,异步操作3.await 后面不仅仅可以接 promise对象,还可以接 async 函数//里面函数为AJAX,因此是原创 2021-07-04 13:38:34 · 26038 阅读 · 3 评论 -
async 和 await的用法(记忆版)
一、复习Promise1.初步function 摇骰子(){ return new Promise(()=>{ setTimeout(()=>{ let n = parseInt(Math.random()*6+1,10) // return n 是得不到n的,因为外面还有个return },3000) })}摇骰子() //得到一个promise对象定义一个函数,返回一个promise对象1.就是我给你一个承诺,3s之后会扔骰子原创 2021-07-04 13:11:03 · 571 阅读 · 0 评论 -
7-8 前后分离(动态服务器、Cookie、session)
动态服务器1.静态服务器 V.S. 动态服务器也叫做:静态网页 V.S. 动态网页1.1 判断依据是否请求了数据库没有请求数据库,就是静态服务器请求了数据库,就是动态服务器数据库1.数据库不属于前端范围,但程序员应该懂一点数据库2.直接用json文件当作数据库1.2 /db/users.json基于静态服务器的文件创建一个db目录db:data base 数据库创建一个user.json读取数据库,test.js文件中第一行const fs = require('fs原创 2021-05-08 18:25:47 · 187 阅读 · 0 评论 -
7-7 前后分离(静态服务器)
静态服务器自己写一个http server把 nodejs-test 升级一下不用一个文件一个if else,最好一个if可以搞定多个文件直接改路径,不用加代码就读取文件1.分析server.js文件共性两处不同text后面不同;public后面不同2.try 就是代码有可能会报错,但不知道会不会catch就是抓住错误,然后输出对应的字符串...原创 2021-05-08 10:18:07 · 94 阅读 · 0 评论 -
7-6 前后分离(跨域实现:CORS、JSONP)
请问怎么跨域?解法一:CORS问题根源1.浏览器默认不同源之间不能相互访问数据2.但qq.com和lzy.com其实都是我的网站3.我就是想要两个网站相互访问,浏览器为什么阻止解决问题:用CORS1.浏览器说,如果要共享数据,需要提前声明2.浏览器说,qq.com在响应头里写lzy.com可以访问3.具体语法:Access-Control-Allow-Origin:htttp://foo.example4.详情都在文档里:MDN文档具体做法:1.在qq-com目录中,serve.原创 2021-05-07 21:24:09 · 106 阅读 · 0 评论 -
7-5 前后分离(同源策略、修改host、跨域)
跨域1.跨域关键知识同源策略浏览器故意设计一个功能限制CORS突破浏览器限制的一个方法JSONPIE时代的妥协2.同源策略2.1 同源定义源window.origin或location.origin可以得到当前源源=协议+域名+端口号如果两个url的协议域名端口号完全一致,那么这两个url就是同源举例1.https://qq.com 和 https://www.baidu.com 不同源2.https://baidu.com 和 https://www.bai原创 2021-05-07 17:23:20 · 995 阅读 · 0 评论 -
7-4 前后分离(Promise、axios)
二、Promise如果异步任务有两个结果,成功或失败,怎么办?1.两个结果怎么办?方法一:回调接受两个参数约定:每一个回调第一个参数是失败的error,第二个参数是成功的结果fs.readFile('./1.txt',(error,data)=>{//读本地文件 if(error){ console.log('失败');return } console.log(data.toString())//成功})方法二:搞两个回调前面函数是成功回调,后面函数是失败回调原创 2021-05-07 15:08:54 · 150 阅读 · 1 评论 -
7-3 前后分离(异步、回调)
一、异步与回调JS异步编程模型1.什么是异步?什么是同步?如果能直接拿到结果——同步1.比如在医院排队挂号,你拿到号才能离开窗口2.同步任务可能消耗10毫秒,也可能需要3秒3.总之不拿到结果不会离开如果不能直接拿到结果——异步1.比如在餐厅门口等位置,拿到号可以去逛街,先做其他事2.什么时候能真正吃饭呢?3.你可以每10分钟取餐厅问一下(轮询)4.你也可以扫码用微信接收通知(回调)轮询和回调都可以拿到结果,但两者形式不同前者自己去问,后者是接收通知2.异步举例2.1 以原创 2021-05-07 10:43:24 · 219 阅读 · 0 评论 -
7-2 前后分离(加载JSON、加载分页)
什么是JSON?JavaScript Object Notation(标记)JS对象标记语言HTML超文本标记语言JSONJSON是一门语言跟HTML、CSS、XML、JS一样,是一门独立的语言JSON不是编程语言,是标记语言(标记语言一般是用来给数据加上一些展示性的标记或者是逻辑上的标记的)跟HTML、XML、Markdown一样,用来展示数据里面没有if else这些只是:a标签——表示链接,h1标签——表示标题1.学习JSONList item...原创 2021-05-06 17:39:52 · 136 阅读 · 0 评论 -
7-1前后分离(使用AJAX加载 CSS、JS、HTML、XML)
AJAXAsync(异步) JavaScript And XML只需要记住AJAX是一种技术,也是一种类似马后炮的总结AJAX的全部内容:用JS发请求和收响应(http里面的请求和响应)1.背景1.1 AJAX是浏览器上的功能浏览器可以发请求,收响应如:输入baidu.com就是在向百度发了一个请求,然后页面展示是因为百度的HTML响应被浏览器接收了浏览器在window上加了一个 XMLHttpRequest函数(全局函数,也是构造函数)想让JS来控制发请求和收响应1.是一个htt原创 2021-05-06 10:52:08 · 523 阅读 · 3 评论