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(); | |
b4de2e73 | 20 | if (data === undefined || typeof(data) === "function") //no data |
da06a6eb BA |
21 | { |
22 | error = success; | |
23 | success = data; | |
24 | data = {}; | |
25 | } | |
b4de2e73 BA |
26 | if (!success) |
27 | success = () => {}; //by default, do nothing | |
da06a6eb BA |
28 | if (!error) |
29 | error = errmsg => { alert(errmsg); }; | |
da06a6eb BA |
30 | xhr.onreadystatechange = function() { |
31 | if (this.readyState == 4 && this.status == 200) | |
32 | { | |
1aeed627 | 33 | let res_json = ""; |
da06a6eb | 34 | try { |
1aeed627 BA |
35 | res_json = JSON.parse(xhr.responseText); |
36 | } catch (e) { | |
da06a6eb | 37 | // Plain text (e.g. for rules retrieval) |
1aeed627 BA |
38 | return success(xhr.responseText); |
39 | } | |
40 | if (!res_json.errmsg) | |
41 | success(res_json); | |
42 | else | |
43 | error(res_json.errmsg); | |
da06a6eb BA |
44 | } |
45 | }; | |
46 | ||
47 | if (["GET","DELETE"].includes(method) && !!data) | |
48 | { | |
49 | // Append query params to URL | |
50 | url += "/?" + toQueryString(data); | |
51 | } | |
03470390 | 52 | xhr.open(method, params.serverUrl + url, true); |
da06a6eb | 53 | xhr.setRequestHeader('X-Requested-With', "XMLHttpRequest"); |
deca03e8 | 54 | // Next line to allow cross-domain cookies in dev mode (TODO: if...) |
98f48579 BA |
55 | if (params.cors) |
56 | xhr.withCredentials = true; | |
1aeed627 | 57 | if (["POST","PUT"].includes(method)) |
da06a6eb BA |
58 | { |
59 | xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8"); | |
60 | xhr.send(JSON.stringify(data)); | |
61 | } | |
62 | else | |
63 | xhr.send(); | |
64 | } |