Commit | Line | Data |
---|---|---|
03470390 BA |
1 | import params from "../parameters"; //for server URL |
2 | ||
e64c6f67 BA |
3 | // TODO: replace by fetch API ? |
4 | // https://www.sitepoint.com/xmlhttprequest-vs-the-fetch-api-whats-best-for-ajax-in-2019/ | |
5 | ||
da06a6eb BA |
6 | // From JSON (encoded string values!) to "arg1=...&arg2=..." |
7 | function toQueryString(data) | |
8 | { | |
9 | let data_str = ""; | |
10 | Object.keys(data).forEach(k => { | |
b57dbd12 | 11 | data_str += k + "=" + encodeURIComponent(data[k]) + "&"; |
da06a6eb BA |
12 | }); |
13 | return data_str.slice(0, -1); //remove last "&" | |
14 | } | |
15 | ||
16 | // data, error: optional | |
625022fd | 17 | export function ajax(url, method, data, success, error) |
da06a6eb BA |
18 | { |
19 | let xhr = new XMLHttpRequest(); | |
20 | if (typeof(data) === "function") //no data | |
21 | { | |
22 | error = success; | |
23 | success = data; | |
24 | data = {}; | |
25 | } | |
26 | if (!error) | |
27 | error = errmsg => { alert(errmsg); }; | |
28 | ||
29 | xhr.onreadystatechange = function() { | |
30 | if (this.readyState == 4 && this.status == 200) | |
31 | { | |
1aeed627 | 32 | let res_json = ""; |
da06a6eb | 33 | try { |
1aeed627 BA |
34 | res_json = JSON.parse(xhr.responseText); |
35 | } catch (e) { | |
da06a6eb | 36 | // Plain text (e.g. for rules retrieval) |
1aeed627 BA |
37 | return success(xhr.responseText); |
38 | } | |
39 | if (!res_json.errmsg) | |
40 | success(res_json); | |
41 | else | |
42 | error(res_json.errmsg); | |
da06a6eb BA |
43 | } |
44 | }; | |
45 | ||
46 | if (["GET","DELETE"].includes(method) && !!data) | |
47 | { | |
48 | // Append query params to URL | |
49 | url += "/?" + toQueryString(data); | |
50 | } | |
03470390 | 51 | xhr.open(method, params.serverUrl + url, true); |
da06a6eb | 52 | xhr.setRequestHeader('X-Requested-With', "XMLHttpRequest"); |
deca03e8 | 53 | // Next line to allow cross-domain cookies in dev mode (TODO: if...) |
98f48579 BA |
54 | if (params.cors) |
55 | xhr.withCredentials = true; | |
1aeed627 | 56 | if (["POST","PUT"].includes(method)) |
da06a6eb BA |
57 | { |
58 | xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8"); | |
59 | xhr.send(JSON.stringify(data)); | |
60 | } | |
61 | else | |
62 | xhr.send(); | |
63 | } |