YanoRyuichi.com/
Wiki
Blog
GitHub
Sandbox
開始行:
* 03. XMLHttpRequestのPromise化 [#c74fc22b]
** XMLHttpRequest [#l3371b63]
function reqListener () {
console.log(this.responseText);
}
var xhr = new XMLHttpRequest();
xhr.addEventListener("load", reqListener);
xhr.open("GET", "https://swapi.co/api/people/1");
xhr.send();
- ここではXMLHttpRequestでonloadイベントハンドラーにreqLi...
- Promise化することでこれを整理できる
*** 参考 [#d3d7f04c]
https://developer.mozilla.org/ja/docs/Web/API/XMLHttpRequ...
** XMLHttpRequestのPromise化 [#ab73be8e]
function get(url) {
// Return a new promise.
return new Promise(function(resolve, reject) {
// Do the usual XHR stuff
var req = new XMLHttpRequest();
req.open('GET', url);
req.onload = function() {
// This is called even on 404 etc
// so check the status
if (req.status == 200) {
// Resolve the promise with the response text
resolve(req.response);
}
else {
// Otherwise reject with the status text
// which will hopefully be a meaningful error
reject(Error(req.statusText));
}
};
// Handle network errors
req.onerror = function() {
reject(Error("Network Error"));
};
// Make the request
req.send();
});
}
get("https://swapi.co/api/people/1").then(function(respo...
console.log("Success!", response);
}, function(error) {
console.error("Failed!", error);
})
- Promise化することにより、レスポンスに対して処理を追加す...
- 以下はレスポンスをJSON.parse()する処理を追加している
get("https://swapi.co/api/people/1").then(function(respo...
return JSON.parse(response);
}, function(error) {
console.error("Failed!", error);
})
.then(function(response) {
console.log("Yey JSON!", response);
})
*** 参考 [#jdcc23c3]
https://developers.google.com/web/fundamentals/primers/pr...
** 参考 fs.readFile()のPromise化 [#beaeb6e3]
https://stackoverflow.com/questions/41203409/reading-file...
終了行:
* 03. XMLHttpRequestのPromise化 [#c74fc22b]
** XMLHttpRequest [#l3371b63]
function reqListener () {
console.log(this.responseText);
}
var xhr = new XMLHttpRequest();
xhr.addEventListener("load", reqListener);
xhr.open("GET", "https://swapi.co/api/people/1");
xhr.send();
- ここではXMLHttpRequestでonloadイベントハンドラーにreqLi...
- Promise化することでこれを整理できる
*** 参考 [#d3d7f04c]
https://developer.mozilla.org/ja/docs/Web/API/XMLHttpRequ...
** XMLHttpRequestのPromise化 [#ab73be8e]
function get(url) {
// Return a new promise.
return new Promise(function(resolve, reject) {
// Do the usual XHR stuff
var req = new XMLHttpRequest();
req.open('GET', url);
req.onload = function() {
// This is called even on 404 etc
// so check the status
if (req.status == 200) {
// Resolve the promise with the response text
resolve(req.response);
}
else {
// Otherwise reject with the status text
// which will hopefully be a meaningful error
reject(Error(req.statusText));
}
};
// Handle network errors
req.onerror = function() {
reject(Error("Network Error"));
};
// Make the request
req.send();
});
}
get("https://swapi.co/api/people/1").then(function(respo...
console.log("Success!", response);
}, function(error) {
console.error("Failed!", error);
})
- Promise化することにより、レスポンスに対して処理を追加す...
- 以下はレスポンスをJSON.parse()する処理を追加している
get("https://swapi.co/api/people/1").then(function(respo...
return JSON.parse(response);
}, function(error) {
console.error("Failed!", error);
})
.then(function(response) {
console.log("Yey JSON!", response);
})
*** 参考 [#jdcc23c3]
https://developers.google.com/web/fundamentals/primers/pr...
** 参考 fs.readFile()のPromise化 [#beaeb6e3]
https://stackoverflow.com/questions/41203409/reading-file...
ページ名:
