AJAX로 통신 요청 들어가기 전

우리가 만든 이 페이지를 AJAX로 만들어 볼 것이다!

참고용 블로그
https://api.jquery.com/jQuery.ajax/

$.ajax() (=jQuery.ajax()) - ajax 코드
url(String)과 setting(자바 스크립트 오브젝트) 2개를 인수로 받는다.
그러나... setting 안에 url을 집어넣을 수 있어서 setting만 쓴다

[ 키 값들 중 중요한 것 ]

★ contentType (MIME 타입!!! 내가 보내는 데이터가 뭔지 알려줘야하니까)
(default: 'application/x-www-form-urlencoded; charset=UTF-8') -> JSON으로 보내자!

★ data - 바디 데이터!!
(default: { a: "bc", d: "e,f" } - 자바 스크립트 오브젝트. 자동으로 json으로 보내줌)

나머진 몰라도 된다

[ URL encoding → 정리할 필요 O ]

https://www.urlencoder.org/ko/

[ URL SAFE ]

URL에서 특정 문자들은 예약된 용도로 사용되기 때문에, 
그대로 사용할 경우 의도치 않은 오류나 문제를 일으킬 수 있다. 
이런 문자들은 퍼센트 인코딩(Percent-encoding)이라는 방식으로 인코딩하여 
안전하게 전송해야 한다.

예약된 문자(ex. ?, &, / 등)

즉, id=?hong 같은 경우는 [ ? ] 때문에 이해를 못한다.
이 ? 가 %3 처럼 [ % ] (퍼센트 인코딩)으로 바꿔서 날아가야 파싱이 가능함!

[ 퍼센트 인코딩 ]

예약된 문자를 % 다음에 2개의 16진수(해당 문자의 ASCII 코드)로 표시하는 방식. 
예를 들어, 공백은 %20으로, 물음표(?)는 %3F로 표현.

대부분의 프로그래밍 언어나 프레임워크에서는 이러한 인코딩을 위한 함수 또는 메서드를 제공함
예: encodeURIComponent() in JavaScript.