X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Futils%2Fajax.js;fp=client%2Fsrc%2Futils%2Fajax.js;h=065f382517ddf44965c9308a389ef6c6d2802496;hb=625022fdcf750f0aff8fcd699f7e9b89730e1d10;hp=0000000000000000000000000000000000000000;hpb=b955c65b942d09d24b5c3bed0d755d4f2f8f71f1;p=vchess.git diff --git a/client/src/utils/ajax.js b/client/src/utils/ajax.js new file mode 100644 index 00000000..065f3825 --- /dev/null +++ b/client/src/utils/ajax.js @@ -0,0 +1,54 @@ +// From JSON (encoded string values!) to "arg1=...&arg2=..." +function toQueryString(data) +{ + let data_str = ""; + Object.keys(data).forEach(k => { + data_str += k + "=" + encodeURIComponent(data[k]) + "&"; + }); + return data_str.slice(0, -1); //remove last "&" +} + +// data, error: optional +export function ajax(url, method, data, success, error) +{ + let xhr = new XMLHttpRequest(); + if (typeof(data) === "function") //no data + { + error = success; + success = data; + data = {}; + } + if (!error) + error = errmsg => { alert(errmsg); }; + + xhr.onreadystatechange = function() { + if (this.readyState == 4 && this.status == 200) + { + try { + let res_json = JSON.parse(xhr.responseText); + if (!res_json.errmsg) + success(res_json); + else + error(res_json.errmsg); + } catch (e) { + // Plain text (e.g. for rules retrieval) + success(xhr.responseText); + } + } + }; + + if (["GET","DELETE"].includes(method) && !!data) + { + // Append query params to URL + url += "/?" + toQueryString(data); + } + xhr.open(method, url, true); + xhr.setRequestHeader('X-Requested-With', "XMLHttpRequest"); + if (["POST","PUT"].includes(method)) + { + xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8"); + xhr.send(JSON.stringify(data)); + } + else + xhr.send(); +}