*****************************************************************
#fetch Request 使用isomorphic-fetch发送fetch请求 import fetch from 'isomorphic-fetch'; //ES6中为window原生方法 fetch(url,{
method: "POST",
headers: {"Content-Type":"application/x-www-form-urlencoded"}, body: "firstName=Nikhil&favColor=blue&password=easytoguess"
}).then(function(response) {
if (response.status >= 400) { //判断请求是否成功
throw new Error("Bad response from server!");
}
//response.headers.get('Content-Type')
//response.headers.get('Date')
//response.status
//response.statusText
//response.type
//response.url return response.json(); //将Promise对象转成json对象
//.text():返回字符串
//.json():返回一个JSON对象
//.formData():返回一个FormData对象
//.blob():返回一个blob对象
//.arrayBuffer():返回一个二进制数组
}).then(function(json) {
console.log(json); //执行你的代码
}).catch(function(ex) {
console.log('request failed', ex); //异常处理
});
***************************************************************** *****************************************************************
#JSONP Request 使用fetch-jsonp发送jsonp请求 import fetchJsonp from 'fetch-jsonp'; fetchJsonp(url,{
jsonp:'callback', //可不设置,默认生成为callback
jsonpCallback:'myCallback', //可不设置,默认生成随机名称
timeout:3000, //可不设置,默认5000
data:{a:1}, //参数 最后生成url?a=1&callback=myCallback的请求
}).then(function(response) {
return response.json(); //接受结果为Promise对象,转成json对象
}).then(function(json) {
console.log(json); //执行你需要的代码
}).catch(function(ex) {
console.log('parsing failed', ex); //异常处理
}) !!!jsonp返回的数据不能是纯json,而是"函数名(json)"的js代码
*****************************************************************

基于Promise对象的新一代Ajax API--fetch的更多相关文章

  1. 新一代Ajax API --fetch

    之前 师傅跟我提过 一个新的Ajax API  fetch 今天看到一篇关于fetch的文章,受益匪浅. XMLHttpRequest并不是专为Ajax而设计的,虽然各种框架对XHR的封装已经足够好用 ...

  2. ES6 用Promise对象实现的 Ajax 操作

    下面是一个用Promise对象实现的 Ajax 操作的例子. const getJSON = function(url) { const promise = new Promise(function( ...

  3. 回调函数 和 promise对象,及封装API接口

    1.回调函数:https://blog.csdn.net/baidu_32262373/article/details/54969696 注意:回调函数不一定需要用到 return.如果浏览器支持Pr ...

  4. 新一代AJAX API:FETCH

    AJAX半遮半掩的底层API是饱受诟病的一件事情. XMLHttpRequest 并不是专为Ajax而设计的. 虽然各种框架对 XHR 的封装已经足够好用, 但我们可以做得更好.更好用的API是 fe ...

  5. 用Promise对象实现的 Ajax 操作

  6. 前后端数据交互(六)——ajax 、fetch 和 axios 优缺点及比较

    一.ajax.fetch 和 axios 简介 1.1.ajax ajax是最早出现发送后端请求的技术,属于原生 js .ajax使用源码,请点击<原生 ajax 请求详解>查看.一般使用 ...

  7. ES6 Promise 对象

    Promise 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案--回调函数和事件--更合理和更强大.它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Pro ...

  8. 微信小程序Promise对象

    Promise 对象 Promise 的含义 基本用法 Promise.prototype.then() Promise.prototype.catch() Promise.prototype.fin ...

  9. 13.Promise 对象

    Promise 对象 Promise 对象 Promise 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案--回调函数和事件--更合理和更强大.它由社区最早提出和实现,ES6 将其 ...

随机推荐

  1. XmLHttpRequst下载Excel

    //得到浏览器版本 myJqHelp.getBrowser = function () { var ua = window.navigator.userAgent; var isIE = !!wind ...

  2. (转)java中Executor、ExecutorService、ThreadPoolExecutor介绍

    转自: http://blog.csdn.net/linghu_java/article/details/17123057 ScheduledThreadPoolExecutor介绍: http:// ...

  3. 第9步:ASMCA创建磁盘组

    注意,创建磁盘组时需要以grid用户身份执行,在那之前可能需要以root身份执行xhost+,即命令: 代码1 [root@sgdb1~]# xhost+ [root@sgdb1~]# su – gr ...

  4. Bootstrap的下拉菜单float问题

    在学习bootstrap中的下拉菜单时,遇到下面情况: <div class="dropdown"> <button class="btn btn-de ...

  5. Eclipse中JSP页面默认编码修改

    jsp页面默认编码为ISO-8859-1 要修改为UTF-8,步骤如下 选择windon-->preference 在弹出框操作 以后新建jsp页面编码为UTF-8编码

  6. Java知识点梳理——抽象类和接口

    抽象类 1.定义:没有包含足够的信息来描绘一个具体对象的类,不能被实例化,必须被继承: 2.abstract关键字:abstract class定义抽象类,普通类的其它功能依然存在,如变量.方法等: ...

  7. 《Sqlserver》Javaweb项目链接sqlserver 2008R2时出现的一系列的错误

    好久没有弄java,玩eclipse了,最近因为小小的原因,参加一个比赛,不得不把javaweb的东西又捡起来,所以不熟悉,再加上之前链接数据库都是用Oracle的,现在公司的电脑上又只是安装了sql ...

  8. vue学习之旅:入门

    首先利用脚手架vue cli搭建vue环境 引入 vue <script src="https://unpkg.com/vue/dist/vue.js"></sc ...

  9. 『浅入深出』MySQL 中事务的实现

    在关系型数据库中,事务的重要性不言而喻,只要对数据库稍有了解的人都知道事务具有 ACID 四个基本属性,而我们不知道的可能就是数据库是如何实现这四个属性的:在这篇文章中,我们将对事务的实现进行分析,尝 ...

  10. django--admin模型层

    django amdin是django提供的一个后台管理页面,改管理页面提供完善的html和css,使得你在通过Model创建完数据库表之后,就可以对数据进行增删改查,而使用django admin ...