fetch

一、什么是网络请求,网路请求的类型 1.1 什么是网路请求,网路请求关心哪些内容 传入基本参数（url，请求方式） 请求参数、请求参数类型 设置请求头 获取响应的方式 获取响应头、响应状态、响应结果 异常处理 携带cookie设置 跨域请求 1.2网路请求的类型 同步请求 异步请求 二、同步请求的模式 三、异步请求的模式 四、当前流行的异步请求方案 axios、fetch、ajax 问题一：axios、fetch与ajax有什么区别？ 主要区别是 axios、fetch请求后都支持 Promise对象API ，ajax只能用回调函数。 Ajax Ajax被认为是（Asynchronous JavaScript and XML）的缩写。现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax。依赖的传输对象： XMLHttpRequest ajax无需多言，如果想要更多了解，参考以下链接： ajax详解 axios： 代码 示例 axios({ method: 'post', url: '/user/12345', data: { firstName: 'Fred', lastName: 'Flintstone' } }) .then(function (response) { console.log(response); }) .catch(function

yahoo的fetchr， https://github.com/yahoo/fetchr Fetchr augments applications by allowing the same syntax to be used on the server and client to fetch data. 让你用相同的代码在客户端和服务器端发起获取数据的请求。 雅虎写这种代码是很自然的事情，还记得mojito吗？让代码同时适用于客户端和服务器端，非常超前的想法。但是mojito和yui一样，整套使用yahoo的产品，所以传播的广泛度不够。 雅虎似乎已经意识到这种现状，现在看看yahoo的github主页，就是采用他们认为最合适的开源技术，用yahoo的方式组合起来。我觉得非常的棒。 这个小项目的名称是fetchr，实际上本身并不执行fetch操作。它所做的事情是： 1、根据配置生成一个express middleware，当路径符合你配置的xhrPath时，触发这个中间件。 2、这个中间件调用你注册的fetcher，向fetcher传入callback，fetcher获取数据后通过callback给fetchr（注意少了一个e），yahoo的fetchr将数据传回给express的response，给到浏览器端。 在服务器端运行时，直接向后端请求；客户端运行时

转至http://www.cnblogs.com/adslg/archive/2010/08/17/1801469.html 游标的概念: 游标是SQL的一个内存工作区，由系统或用户以变量的形式定义。游标的作用就是用于临时存储从数据库中提取的数据块。在某些情况下，需要把数据从存放在磁盘的表中调到计算机内存中进行处理，最后将处理结果显示出来或最终写回数据库。这样数据处理的速度才会提高，否则频繁的磁盘数据交换会降低效率。 游标有两种类型：显式游标和隐式游标。在前述程序中用到的SELECT...INTO...查询语句，一次只能从数据库中提取一行数据，对于这种形式的查询和DML操作，系统都会使用一个隐式游标。但是如果要提取多行数据，就要由程序员定义一个显式游标，并通过与游标有关的语句进行处理。显式游标对应一个返回结果为多行多列的SELECT语句。 游标一旦打开，数据就从数据库中传送到游标变量中，然后应用程序再从游标变量中分解出需要的数据，并进行处理。 隐式游标 如前所述，DML操作和单行SELECT语句会使用隐式游标，它们是： * 插入操作：INSERT。 * 更新操作：UPDATE。 * 删除操作：DELETE。 * 单行查询操作：SELECT ... INTO ...。 当系统使用一个隐式游标时，可以通过隐式游标的属性来了解操作的状态和结果，进而控制程序的流程

前言 对于ajax请求，我们不仅可以使用XMLHTTPrequest，还可以使用fetch 正文 promise 在使用ajax时，如果想要使得第二个ajax请求调用第一个ajax请求，就得使用在onreadystatechange中再次指定一个ajax请求，如果再想使用第三个，就得继续判断，这样越来越多，代码就会变得越来越复杂，这就被称为回调地狱 有什么方法可以解决这个问题呢？就是使用promise promise在ES6(ECMAScript 6.0)中被统一规范,所以新版的浏览器基本都是支持promise写法的 一个标准的promise的写法是这样的 new Promise(function(resolve, reject) { if(true) { resolve() }; if(false) { reject() }; }) promise中有三种状态，pending（等待中），resolve（已经完成，得到想要的结果），reject（已经得到，但不是想要的结果） 在promise中可以使用then方法，来处理对应的状态变化，来对应执行 ，并且then的执行结果也会返回一个promise对象，所以可以进行多次then的使用 fetch 继续来看fetch fetch('http://example.com/movies.json') .then(function

一、INTRO AJAX即“Asynchronous Javascript And XML” 一、Ajax的原生初级 1.1 Ajax对象创建：var xhr= new XMLHttpRequest(); 1.2 请求首行：xhr.open( 'post/get', 'url',true/false); 第三个参数为是否异步，默认是异步（true） 1.3 数据发送：xhr.send(data); 如为get请求发送null 1.4 设置请求头： xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 如果send内容为urlencoded格式（“a=1&b=2”），请参照该样式设置。 1.5 检查是否请求完毕：readyState属性 　　只要readyState 触发就会触发readystatechange事件！ 　　readyState有5个值：0~4，分别表示：未初始化、启动、发送、接受、完成。 xhr.onreadystatechange = function(){ if (xhr.readyState == 4){ if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304){ //可以在完成后调用xhr

细节叙述见以下链接： https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch 1 基本概念： WindowOrWorkerGlobalScope.fetch() 用于获取资源的方法。 Headers 表示响应/请求标头，允许您查询它们并根据结果采取不同的操作。 Request 表示资源请求。 Response 表示对请求的响应。 2. Fetch API Fetch API 包含一组类和方法，用来简化 HTTP 请求。其中包含以下方法和类： fetch 方法：用于发起 HTTP 请求 Request 类：用来描述请求 Response 类：用来表示响应 Headers 类：用来表示 HTTP 头部信息。 基本用法 fetch 接受一个 url 作为参数，发起 GET 请求，返回 Promise ,请求成功后将返回结果封装为一个 Response 对象，该对象上具有一些方法（比如 json 方法），调用 json 方法后同样返回一个 Promise 对象，并用解析 json 字符串得到的对象来 resolve。 1 fetch('https://api.github.com/repos/facebook/react').then(function(res){ 2 return res.json();

错误信息 Could not fetch URL https://pypi.org/simple/pytest-pycodestyle/: There was a problem confirming the ssl certificate: HTTPSConnectionPool(host='pypi.org', port=443): Max retries exceeded with url: /simple/pytest-pycodestyle/ (Caused by SSLError(SSLCertVerificationError(1, '[SSL: CERTIFICATE_VERIFY_FAILED] certificate verify failed: self signed certificate in certificate chain (_ssl.c:1056)'))) - skipping 使用python直接使用pip install xx时，会出现以上错误 问题原因： 碰到这个问题，主要原因是网站pypi.python.org在国内是被墙了的，在安装程序的时候，无法从python官网下载资料导致的。所以可以将下载地址换成其他源地址 解决办法： pip install 插件名 -i (国内镜像地址) http://pypi.douban.com/simple

1.fetch fetch号称是AJAX的替代品，是在ES6出现的，使用了ES6中的promise对象。Fetch是基于promise设计的。Fetch的代码结构比起ajax简单多了，参数有点像jQuery ajax。但是，一定记住 fetch不是ajax的进一步封装，而是原生js，没有使用XMLHttpRequest对象 。 fetch的优点： 1.符合关注分离，没有将输入、输出和用事件来跟踪的状态混杂在一个对象里 2.更好更方便的写法 具体的用法是： fetch('http://localhost:8181/messageBoard/messages', {method: 'GET', headers: {'content-type': 'application/json'}}) .then(response => response.json()) .then(json => { 　　console.log(json); }) 1.axios Vue2.0之后，尤雨溪推荐大家用axios替换JQuery ajax，想必让axios进入了很多人的目光中。 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，本质上也是对原生XHR的封装，只不过它是Promise的实现版本，符合最新的ES规范，它本身具有以下特征： 1.从浏览器中创建