99 lines
2.9 KiB
JavaScript
99 lines
2.9 KiB
JavaScript
|
import uUtils from './utils.js';
|
||
|
|
|
||
|
|
export default class uAjax {
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Perform POST HTTP request
|
||
|
|
* @alias ajax
|
||
|
|
*/
|
||
|
|
static post(url, data, options) {
|
||
|
|
const params = options || {};
|
||
|
|
params.method = 'POST';
|
||
|
|
return this.ajax(url, data, params);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Perform GET HTTP request
|
||
|
|
* @alias ajax
|
||
|
|
*/
|
||
|
|
static get(url, data, options) {
|
||
|
|
const params = options || {};
|
||
|
|
params.method = 'GET';
|
||
|
|
return this.ajax(url, data, params);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Perform ajax HTTP request
|
||
|
|
* @param {string} url Request URL
|
||
|
|
* @param {Object|HTMLFormElement} [data] Optional request parameters: key/value pairs or form element
|
||
|
|
* @param {Object} [options] Optional options
|
||
|
|
* @param {string} [options.method='GET'] Optional query method, default 'GET'
|
||
|
|
* @param {HTMLElement} [options.loader] Optional element to animate during loading
|
||
|
|
* @return {Promise<Document, string>}
|
||
|
|
*/
|
||
|
|
static ajax(url, data, options) {
|
||
|
|
const params = [];
|
||
|
|
data = data || {};
|
||
|
|
options = options || {};
|
||
|
|
let method = options.method || 'GET';
|
||
|
|
const loader = options.loader;
|
||
|
|
const xhr = new XMLHttpRequest();
|
||
|
|
return new Promise((resolve, reject) => {
|
||
|
|
xhr.onreadystatechange = function () {
|
||
|
|
if (xhr.readyState !== 4) { return; }
|
||
|
|
let message = '';
|
||
|
|
let error = true;
|
||
|
|
if (xhr.status === 200) {
|
||
|
|
const xml = xhr.responseXML;
|
||
|
|
if (xml) {
|
||
|
|
const root = xml.getElementsByTagName('root');
|
||
|
|
if (root.length && uUtils.getNode(root[0], 'error') !== '1') {
|
||
|
|
if (resolve && typeof resolve === 'function') {
|
||
|
|
resolve(xml);
|
||
|
|
}
|
||
|
|
error = false;
|
||
|
|
} else if (root.length) {
|
||
|
|
const errorMsg = uUtils.getNode(root[0], 'message');
|
||
|
|
if (errorMsg) {
|
||
|
|
message = errorMsg;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (error && reject && typeof reject === 'function') {
|
||
|
|
reject(message);
|
||
|
|
}
|
||
|
|
if (loader) {
|
||
|
|
// UI.removeLoader(loader);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
let body = null;
|
||
|
|
if (data instanceof HTMLFormElement) {
|
||
|
|
// noinspection JSCheckFunctionSignatures
|
||
|
|
body = new FormData(data);
|
||
|
|
method = 'POST';
|
||
|
|
} else {
|
||
|
|
for (const key in data) {
|
||
|
|
if (data.hasOwnProperty(key)) {
|
||
|
|
params.push(key + '=' + encodeURIComponent(data[key]));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
body = params.join('&');
|
||
|
|
body = body.replace(/%20/g, '+');
|
||
|
|
}
|
||
|
|
if (method === 'GET' && params.length) {
|
||
|
|
url += '?' + body;
|
||
|
|
body = null;
|
||
|
|
}
|
||
|
|
xhr.open(method, url, true);
|
||
|
|
if (method === 'POST' && !(data instanceof HTMLFormElement)) {
|
||
|
|
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
|
||
|
|
}
|
||
|
|
xhr.send(body);
|
||
|
|
if (loader) {
|
||
|
|
// UI.setLoader(loader);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|