摘要: 本节介绍下React下fetch的post请求 (1)编写服务端代码 /*加载express模块*/ var express = require('express') /*加载path路径处理核心模块*/ var path = require('path') /*加载body-parser中间件*/ 阅读全文
posted @ 2020-02-27 21:43 剑仙6 阅读(6549) 评论(0) 推荐(1) 编辑
摘要: Ajax 是什么? 答:Ajax是一种可以在浏览器和服务器之间使用异步数据传输(HTTP请求)的技术。使用它可以让页面请求少量的数据,而不用刷新整个页面。而传统的页面(不使用Ajax)要刷新部分内容,必须重载整个网页页面。 Ajax 基于什么? 答:它基于的是XMLHttpRequest(XHR)。 阅读全文
posted @ 2020-02-27 21:41 剑仙6 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 背景 提及前端与服务器端的异步通信,离不开 Ajax (Asynchronous JavaScript and XML)。实际上我们常说的 Ajax 并非指某一项具体的技术,它主要是基于用脚本操作 HTTP 请求的 Web 应用架构。最早出现在 Jesse James Carrett 于 2005年 阅读全文
posted @ 2020-02-27 21:34 剑仙6 阅读(2236) 评论(0) 推荐(0) 编辑
摘要: (1)作用: 主要用于交互,和AJAX差不多 缺点:IE不支持 关联:fetch用到了ES6里的Promise语法 (2)交互技术常见 ajax、fetch、socket... (3)promise回顾 1、成功传参 2、失败传参 3、错误捕获 4、基础写法 (4)fetch 1、需求:利用fetc 阅读全文
posted @ 2020-02-27 20:25 剑仙6 阅读(429) 评论(0) 推荐(0) 编辑
摘要: 关于FormData XMLHttpRequest Level 2添加了一个新的接口FormData.利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的send()方法来异步的提交这个"表单".比起普通的ajax, 阅读全文
posted @ 2020-02-27 20:06 剑仙6 阅读(3069) 评论(0) 推荐(1) 编辑
摘要: 阅读全文
posted @ 2020-02-27 19:31 剑仙6 阅读(2387) 评论(0) 推荐(0) 编辑
摘要: 前言: Async/Await应该是目前最简单的异步方案了,ES7 中新增了 async/await 两个关键词async顾名思义是“异步”的意思,用于声明一个函数是异步的。而await从字面意思上是“等待”的意思,就是用于等待异步完成。 主体: (1)同步操作 结果为1、3、2,这便是同步状态下的 阅读全文
posted @ 2020-02-27 16:00 剑仙6 阅读(776) 评论(0) 推荐(0) 编辑
摘要: 本文介绍下React下fetch的get使用步骤 参考文章网络请求之fetch (1)编写基础组件模板 根组件引入 (2)json-server搭建模拟后台服务 编写模拟数据 自定义端口启动 测试如下 (3)结合生命周期componentDidMount进行fetch网络请求操作 注意:fetch后 阅读全文
posted @ 2020-02-27 11:33 剑仙6 阅读(2821) 评论(0) 推荐(0) 编辑
摘要: (1)受控组件VS非受控组件 ***1、受控组件中,表单数据是由 React 组件的state状态值来管理的*** ***2、非受控组件,表单数据交由ref操作 DOM 节点来处理*** (2)受控组件 表单数据取决于state状态值,结合onChange事件进行操作,通过this.setState 阅读全文
posted @ 2020-02-27 11:19 剑仙6 阅读(216) 评论(0) 推荐(0) 编辑
欢迎访问个人网站www.qingchun.在线