Electron Restful Api 没有反应或任何其他表达
Electron Restful Api Without react or any other express
我正在研究 electron js,但我面临的问题是写作 restful API。在没有 react.js、express 和 falcon vue.js 的情况下,几乎没有任何资源显示 API 的利用率。我写 python API 来添加两个数字只是为了测试,但我不知道如何在没有任何其他语言(例如 [=16)的情况下在电子中使用这些 restful API =] 因为它会增加我的学习曲线。
帮助表示赞赏。
注意:我的 API 是托管的
您可以使用两种内置方法来代替 axios、jQuery Ajax[= 等框架82=], ...
获取:
使用 Fetch API 非常简单。只需将 URL,您要获取的资源的路径传递给 fetch() 方法。
简单的 GET 方法:
//simple GET method
fetch('/js/users.json')
.then(response => {
// handle response data
})
.catch(err => {
// handle errors
});
其他方法,如 POST
、DELETE
、...:[=30=]
// 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();
初始化它,通常在 new 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
– 当无法发出请求时,例如网络故障或无效 URL.
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}`);
};
我正在研究 electron js,但我面临的问题是写作 restful API。在没有 react.js、express 和 falcon vue.js 的情况下,几乎没有任何资源显示 API 的利用率。我写 python API 来添加两个数字只是为了测试,但我不知道如何在没有任何其他语言(例如 [=16)的情况下在电子中使用这些 restful API =] 因为它会增加我的学习曲线。 帮助表示赞赏。
注意:我的 API 是托管的
您可以使用两种内置方法来代替 axios、jQuery Ajax[= 等框架82=], ...
获取:
使用 Fetch API 非常简单。只需将 URL,您要获取的资源的路径传递给 fetch() 方法。
简单的 GET 方法:
//simple GET method
fetch('/js/users.json')
.then(response => {
// handle response data
})
.catch(err => {
// handle errors
});
其他方法,如 POST
、DELETE
、...:[=30=]
// 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.
创建XMLHttpRequest:
let xhr = new XMLHttpRequest();
初始化它,通常在 new 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
– 当无法发出请求时,例如网络故障或无效 URL.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}`); };