src/js/arching-kaos-fetch.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

function archingKaosFetchJSON( url, callback, params ){
//    fetch(url, {
//        method:'GET',
//        headers:{
//            Accept: 'application/json'
//        }
//    }).then(response=>{
//        if(response.ok){
//            response.json().then(json=>{
//                callback(json);
//            })
//        } else {
//            if (DEBUG) console.log(e);
//        }
//    }).catch( e=>{
//        if (DEBUG) console.log(e);
//    })
    const request = new XMLHttpRequest();
    request.addEventListener("load", ()=>{
        console.log(request.response);
        var json = JSON.parse(request.response);
        callback(json, params);
    });
    request.addEventListener("error", ()=>{
        console.log("An error occured.");
    });
    request.addEventListener("progress", (event)=>{
        console.log(request.response);
        if (event.lengthComputable && progressPlaceholder){
            progressPlaceholder = (event.loaded / event.total) * 100;
        } else {
            progressPlaceholder = 0;
        }
    });
    request.addEventListener("abort", ()=>{
        console.log("Request aborted.");
    });
    request.open("GET", url);
    request.send();

}

async function archingKaosFetchText( url, callback ){
    return fetch(url, {
        method:'GET',
        headers:{
            Accept: 'application/json'
        }
    }).then(response=>{
        if(response.ok){
            response.text().then(text=>{
                return callback(text);
            })
        } else {
            if (DEBUG) console.log(e);
        }
    })
}