首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
闰土老哥的前端
闰土老哥
创建于2022-06-19
订阅专栏
懒,想起啥写啥
暂无订阅
共219篇文章
创建于2022-06-19
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
koa2的安装和使用 定义和注册路由 并模拟登录校验
先说一下koa的基本使用 ?在浏览器中打开http://localhost:3000可以看到如下效果 使用脚手架 koa-generator 创建 koa2 项目 项目开始 把路由复制到postman
洋葱圈模型
>定义三个异步函数A() B() C(),A里面调用B,B里面调用C,然后返回。 ```js ``>定义三个异步函数A() B() C(),A里面调用B,B里面调用C,然后返回。 ```js ``
实现当get请求和post请求接口,如果请求接口有错,返回的内容是定义好的html代码,内容是404图片
本文重点来写当请求接口有错的时候的返回。 引入服务,用post,get请求 在postman中预览如下
POST请求url的,在 postman正常执行并返回响应内容
完整代码如下: postman测试结果如下 const queryStr = url.split("?")[1]; // querystring转对象 // 用引入的qureystring模
get请求url,在postman里正常执行,并返回响应的数据res.end(JSON.stringify(responseBody))
index.js完整代码如下 测试结果如下>res.end()只能返回字符串,所有需要把响应体对象转成字符串,使用JSON.stringify() `res.end(JSON.stringify(
简化获取接口后面的参数,querystring.parse()方法的使用
假如有这么一个url http://localhost:3000/api/list?number=100&sort=desc 本文需要做到 querystring模块的使用 const queryOb
get方式请求接口时,获取接口后面携带的参数(querystring),并添加到对象, 在postman中成功返回参数中的数据
本文要做的是: 文中几个知识点: split()是转成数组的方法。 forEach()的用法 完整代码和注释如下 测试结果 把http://localhost:3000/api/list?number
用get 和post请求接口并在postman 或者apipost中测试
>把`http://localhost:3000/api/create`复制到postman中测试,选择POST方法 >把`http://localhost:3000:api/list`复制到 pos
req 和res测试接口的基本用法
const http = require("http") const server = http.createServer((req,res)=>{ // 用户想请求的是哪个路径cons
pack.json和pack.lock.json的区别
package.json 在使用npm init命令后创建 package-lock.json 在使用npm i命令后创建 package.json, 保存项目描述信息,项目依赖信息,npm命令,必须
使用fetch请求接口的完整步骤
完整代码如下>语法fetch().then().then().catch(),第一个then()是一个箭头函数,先获取到数据。第二个then()里面的箭头函数作用是把获取到的数据打印出来。
使用axios请求接口的完整步骤
<script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script src="https://unpkg.com/axi
使用FormData解决ajax提交表单时候的 很多input输入框的问题
点击登录后,ajax携带的参数传递如下: 步骤 >ajax里面的参数是input框的值,input框太多,不能使用模板字符串拼接,使用FormData的方式,获取到form里面input框的值 `co
使用ajax提交表单 ajax携带参数请求接口 通过form表单找dom节点
用到的知识点 比如要找username这个输入框 console.log(form.username); 怎么查看携带的参数有没有传递成功? 完整代码如下
在线接口网站 https://www.alapi.cn/
>网站地址 https://www.alapi.cn/ 
完整代码如下 // setRequestHeader() 方法 // 请求头中的 Content-Type 字段用来告诉服务器,浏览器发送的数据是什么格式的
如何解决跨域问题
第一种方法用JSONP script 标签跨域不会被浏览器阻止 JSONP 主要就是利用 script 标签,加载跨域文件 JSONP 跨域解决方案, 只支持 get 请求 第二种方法 CORS 跨域
使用Ajax完成前后端通信的一个小例子
>readyStatus注意大小写 >url接口地址不要写错 ```js ``` xhr.onreadystatechange = () => { if (xhr.readyState
Ajaz的使用步骤 // Ajax 想要实现浏览器与服务器之间的异步通信,需要依靠 XMLHttpRequest,它是一个构造函数
```js ``` xhr.onreaadystatechange = () => { // readystatechange 事件监听 readyState 这个状态的变化 if (
使用 localStorage 创建一个本地存储的键值对,记录访问页面的次数
![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/422e0d7fd2dd471d971d45077ad93107~tplv
下一页