javascript - Electron 静息Api，无 react 或任何其他表达

Question

我正在阅读 Electron js，但是我面临的问题是编写 Restful API。如果没有react.js，express和falcon vue.js，几乎没有任何资源可以证明API的利用率。我写了python API，只是为了测试而加了两个数字，但是我不知道如何在 Electron 中消耗那些 Restful API，而没有其他语言(例如react/express/falcon)，因为这会增加我的学习曲线。
帮助表示赞赏。

注意:我的API是托管的

Answer 1

您可以使用两种内置方法来代替使用诸如axios，jQuery Ajax等框架。

提取:

使用Fetch API真的很简单。只需将URL(要获取的资源的路径)传递给fetch()方法即可。

简单的GET方法:

//simple GET method
fetch('/js/users.json')
    .then(response => {
        // handle response data
    })
    .catch(err => {
        // handle errors
    });

其他方法，例如 POST， DELETE，...:

// some data to post
const user = {
    first_name: 'John',
    last_name: 'Lilly',
    job_title: 'Software Engineer'
};

// options of fetch
const options = {
    method: 'POST',
    body: JSON.stringify(user),
    headers: {
        'Content-Type': 'application/json'
    }
}

fetch('https://reqres.in/api/users', options)
    .then(response => {
        // handle response data
    })
    .catch(err => {
        // handle errors
    });

XML HttpRequest:
XMLHttpRequest是一个内置的浏览器对象，它允许使用JavaScript发出HTTP请求。

创建XMLHttpRequest:

let xhr = new XMLHttpRequest();

初始化它，通常在新的XMLHttpRequest之后:

xhr.open(method, URL, [async, user, password])

method – HTTP方法。通常是"GET"或"POST"。

URL –请求的URL(字符串)可以是URL对象。

async –如果明确设置为false，则请求是同步的，我们稍后再讨论。

user，password –基本HTTP身份验证的登录名和密码(如果需要)。

发送出去。

xhr.send([body])

此方法打开连接并将请求发送到服务器。可选的
body参数包含请求正文。

某些请求方法(例如GET)没有正文。其中有些像POST
使用正文将数据发送到服务器。稍后我们将提供示例。

收听xhr事件以获取响应。

这三个事件是使用最广泛的:

load –请求完成时(即使HTTP状态为400或500)，并且响应已完全下载。

error –无法发出请求时，例如网路中断或网址无效。

progress –在下载响应时定期触发，报告已下载了多少。

xhr.onload = function() {
    alert(`Loaded: ${xhr.status} ${xhr.response}`);
};

xhr.onerror = function() { // only triggers if the request couldn't be 
made at all
     alert(`Network Error`);
};

xhr.onprogress = function(event) { // triggers periodically
// event.loaded - how many bytes downloaded
// event.lengthComputable = true if the server sent Content-Length 
// header
// event.total - total number of bytes (if lengthComputable)
    alert(`Received ${event.loaded} of ${event.total}`);
};