zoukankan      html  css  js  c++  java
  • 将XMLrequest 改写成fetch

    var header = document.querySelector(‘header’);
    var section = document.querySelector(‘section’);

    fetch('https://raw.githubusercontent.com/gmhcy/ONEPIECE/master/onepiece.json')

    .then(function(response)

    { return response.json();

    })

    .then(function(myJson) {

    var onepiece = myJson;

    onepieceHeader(onepiece);
    showpeople(onepiece);

    });

    function onepieceHeader(jsonObj){
    var headline=document.createElement(‘h1’);
    headline.textContent=jsonObj[‘tou’];
    header.appendChild(headline);
    var jies=document.createElement(‘p’);
    jies.textContent=jsonObj[‘jieshao’];
    header.appendChild(jies);
    }
    function showpeople(jsonObj){
    var heroes=jsonObj[‘members’];
    for (var i = 0; i <heroes.length; i++) {
    var myArticle = document.createElement(‘article’);
    var myH2 = document.createElement(‘h2’);
    var myPara1 = document.createElement(‘p’);
    var myPara2 = document.createElement(‘p’);
    var myPara3 = document.createElement(‘p’);
    var myPara4 = document.createElement(‘p’);
    myH2.textContent = heroes[i].name;
    myPara1.textContent = ‘age: ‘ + heroes[i].age;
    myPara2.textContent = ‘power: ‘ + heroes[i].power;
    myPara3.textContent = ‘hobby:’+heroes[i].hobby;
    myPara4.textContent = ‘dream:’+heroes[i].dream;
    myArticle.appendChild(myH2);
    myArticle.appendChild(myPara1);
    myArticle.appendChild(myPara2);
    myArticle.appendChild(myPara3);
    myArticle.appendChild(myPara4);
    section.appendChild(myArticle);
    }
    }

    搬运:http://www.ynmm5.cc/index.php/2018/12/05/%E5%B0%86xmlrequest-%E6%94%B9%E5%86%99%E6%88%90fetch/

  • 相关阅读:
    KL散度与反向KL散度
    matplotlib 清除axis plt.cla()、plt.clf()、plt.close()
    fig,ax = plt.subplots()
    python matplotlib 中ax.legend()用法解释
    Tensorflow 创建神经网络(二)可视化
    Tensorflow 创建神经网络(一)
    Tensorflow add_layer
    Tensorflow feed_dict={}
    Tensorflow tf.assign的使用
    百度编辑器去掉本地保存
  • 原文地址:https://www.cnblogs.com/kazama/p/10197587.html
Copyright © 2011-2022 走看看