13th week blog

rewrite json with fetch API

//改写json part

var myanime = new anime();

const ul=document.getElementById('animes');

const url='https://raw.githubusercontent.com/reneetowne/forWebDevelopment/master/anime.json';

fetch(url)

.then((resp)=>resp.json())

.then(function(data){

    populateHeader(anime);

    showAnimes(anime);

})

.catch(function(err){

    console.log(err)

})

 

Fetch:

Fetch API提供了一个 JavaScript 接口用于访问和操作HTTP管道的零件，如请求和响应。它还提供了一种全局fetch()方法，可以提供一种简单，合理的方式在网络上异步获取资源。

此类功能以前是使用 XMLHttpRequest 实现的。Fetch提供了一个更好的替代方法，可以很容易地被其他技术使用，如Service Workers。Fetch还提供了一个单一的逻辑位置来定义其他HTTP相关的概念，如CORS和HTTP的扩展。

 

Promise：

jQuery .promise() 方法

 

定义和用法

 

.promise() 函数返回一个 Promise 对象，观察某种类型被绑定到集合的所有行动，是否已被加入到队列中。

 

注意：1. .promise() 方法返回一个动态生成的 Promise，当绑定到集合中的所有特定动作（action）已经被加入或未被加入到队列中时，生成的 Promise 将被受理（resolve）。
2. type 的默认值是"fx" ，这意味着被受理（resolve）的 Promise 对象是在所有被选中元素的动画都完成时返回的。
3. 如果提供 target 参数，.promise() 在该参数上添加方法，然后返回这个对象，而不是创建一个新的。它适用于在一个已经存在的对象上添加 Promise 行为的情况。

语法

.promise( [type ] [, target ] )

type	String类型 需要待观察队列类型。
target	PlainObject类型 将要绑定 promise 方法的对象。

AsyncCallback

意义：

异步操作完成时调用的方法

语法1：

构造异步回调对象

AsyncCallback 异步回调对象名asyncCallback = new AsyncCallback(异步操作完成时调用的方法MyAsyncCallback);

 

语法2：

定义委托，并进行异步调用，异步调用完成后自动触发

委托类型Action fn委托名 = Run委托定义;
委托名fn.BeginInvoke(异步回调对象名asyncCallback );

转载于:https://www.cnblogs.com/renee87/p/10115737.html