1. 서버와 Ajax란?
- 서버는 유저가 데이터를 요청하면 데이터를 보내주는 프로그램
- Ajax는 유저가 서버와 데이터를 주고 받는 방법
- 데이터를 요청할 때에는 어떤 데이터인지 URL로 잘 기재해야하고, 어떤 방법으로 요청할지 결정해야함 (GET / POST)
- GET 요청은 서버에 있던 데이터를 읽고 싶을 때 주로 사용하고, POST 요청은 서버로 데이터를 보내고 싶을 때 사용
- 서버에 GET, POST 요청등을 할때 새로고침 없이 데이터를 주고 받을 수 있게 도와주는 간단한 브라우저 기능을 AJAX라고 합니다.
2. Ajax 사용법
fetch('https://codingapple1.github.io/price.json')
.then(res => res.json())
.then(function(data) {
console.log(data);
})
.catch(function(error) {
console.log('failed');
});
- 서버와 데이터를 주고받을 때는 문자만 주고받을 수 있습니다. array, object 이런거 전송불가능. 근데 아까 { price : 5000 } 이런 object 무리없이 받아왔죠? 어떻게 한거냐면 object를 JSON으로 바꿔서 전송해줘서 그렇습니다. array 아니면 object에 따옴표를 다 쳐서 '{ "price" : 5000 }' 대충 이렇게 만들면 JSON이라는 자료가 됩니다. JSON은 문자로 인식하기 때문에 서버와 데이터주고받기가 가능합니다.
