智享笔记 Vue2
-
FetchAPI参数传递
<body> <script type="text/javascript"> // Fetch API 调用接口传递参数 // GET参数传递-传统URL // fetch('http://localhost:3000/books?id=123', { // method: 'get' // }) // .then(function(data){ // return data.text(); // }).then(function(data){ // console.log(data) // }); // GET参数传递-restful形式的URL // fetch('
-
FetchAPI基本使用
<body> <script type="text/javascript"> /* Fetch API 基本用法 */ fetch('http://localhost:3000/fdata').then(function(data){ // text()方法属于fetchAPI的一部分，它返回一个Promise实例对象，用于获取后台返回的数据 return data.text(); }).then(function(data){ console.log(data); }) </script></body>
-
Promise常用API对象方法
<body> <script type="text/javascript"> /* Promise常用API-对象方法 */ // console.dir(Promise) function queryData(url) { return new Promise(function(resolve, reject){ var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(){ if(xhr.readyState != 4) return; if(xhr.readyState == 4 &
-
Promise常用API实例方法
<body> <script type="text/javascript"> /* Promise常用API-实例方法 */ // console.dir(Promise); function foo() { return new Promise(function(resolve, reject){ setTimeout(function(){ // resolve(123); reject('error'); }, 100); }) } // foo() // .then(function(data){ // console.log(data) // }) // .c
-
then参数中的函数返回值
<body> <script type="text/javascript"> /* then参数中的函数返回值 */ function queryData(url) { return new Promise(function(resolve, reject){ var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(){ if(xhr.readyState != 4) return; if(xhr.readyState == 4 && xhr.status == 200) { /
-
基于Promise发送Ajax请求并解决回调地狱问题
<body> <script type="text/javascript"> /* 基于Promise发送Ajax请求 */ function queryData(url) { var p = new Promise(function(resolve, reject){ var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(){ if(xhr.readyState != 4) return; if(xhr.readyState == 4 && xhr.status == 200