JF
Чистое
Size: a a a
2020 June 09
JF
JF
const POST = "POST";
const GET = "GET";
var HttpRequest = function(){
this.xmlHttpRequestInstance = new XMLHttpRequest();
};
HttpRequest.prototype.sendJSONRequest = function(url, method, jsonData){
this.xmlHttpRequestInstance.open(method, url, true);
this.xmlHttpRequestInstance.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
this.xmlHttpRequestInstance.send(jsonData);
};
HttpRequest.prototype.sendPOSTRequest = function(url, data) {
this.xmlHttpRequestInstance.open("POST", url, true);
this.xmlHttpRequestInstance.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
this.xmlHttpRequestInstance.send(data);
};
HttpRequest.prototype.sendGETRequest = function(url, data) {
this.xmlHttpRequestInstance.open("GET", url, true);
this.xmlHttpRequestInstance.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
this.xmlHttpRequestInstance.send(data);
};
HttpRequest.prototype.sendPUTRequest = function(url, data) {
this.xmlHttpRequestInstance.open("PUT", url, true);
this.xmlHttpRequestInstance.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
this.xmlHttpRequestInstance.send(data);
};
HttpRequest.prototype.sendPATCHRequest = function(url, data) {
this.xmlHttpRequestInstance.open("PATCH", url, true);
this.xmlHttpRequestInstance.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
this.xmlHttpRequestInstance.send(data);
};
HttpRequest.prototype.sendDELETERequest = function(url, data) {
this.xmlHttpRequestInstance.open("DELETE", url, true);
this.xmlHttpRequestInstance.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
this.xmlHttpRequestInstance.send(data);
};
// HttpRequest.prototype.onReadyStateChangeEvent = function (innerFunction, successStatus) {
// if (this.xmlHttpRequestInstance.readyState === 4) {
// if (this.xmlHttpRequestInstance === successStatus) {
// innerFunction();
// }
// }
// };
HttpRequest.prototype.isRequestSuccessful = function () {
return this.xmlHttpRequestInstance.readyState === 4 && this.xmlHttpRequestInstance.status === 200;
};JF
Вот что я себе делал
JF
На проект один
CV
Кст. А put и delete вообще используются где то?
JF
JF
JF
Я себе делал REST-api
JF
Потому использую их
CV
Спасибо
JF
Ты на сервере будешь поднимать vue?
CV
Вообще, хочу CDN
CV
Как можно меньше привязки к серву
JF
Ну тогда можно использовать на странице vue
JF
Я делал так
вот html
вот html
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="js/HttpRequest.js"></script>
<link href="css/style.css" rel="stylesheet">
<script src="https://unpkg.com/vue"></script>
CV
Я делал так
вот html
вот html
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="js/HttpRequest.js"></script>
<link href="css/style.css" rel="stylesheet">
<script src="https://unpkg.com/vue"></script>
Так и делаю
JF
JF
JF
В JS создаёшь себе Vue объект