FilesExpand file tree

 js-object

/

app.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

35 lines (28 loc) · 856 Bytes

 js-object

/

app.js

Copy path

Top

File metadata and controls

• Code
• Blame

35 lines (28 loc) · 856 Bytes

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

// AJAX

// construct xhr

const xhr = new XMLHttpRequest();

// console.log(xhr); //readyState:0 , status:0

// method : get/post/put, url

xhr.open('GET', './api/simple.txt');

// callback jika setiap readyState changes

xhr.onreadystatechange = function () {

if (xhr.readyState === 4 && xhr.status === 200) {

const text = document.createElement('p');

text.textContent = xhr.responseText;

// add to browser

document.body.appendChild(text);

} else {

// if not

console.log({

status: xhr.status,

readyState: xhr.readyState,

});

}

};

xhr.send(); // for request to server

/* output:

{status: 200, readyState: 2}

{status: 200, readyState: 3}

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad omnis cum, doloremque id suscipit vel voluptates tempora laudantium totam! Eveniet?

Jika error status : 404

*/