Gegründet 2006

바닐라 js 예제

XMLHttpRequest 개체의 몇 가지 다른 속성을 모니터링합니다. 먼저 readyState 속성은 요청의 상태를 지정합니다. AJAX 전체에서 값 변경을 호출하고 0에서 4까지값을 수신할 수 있습니다(예: 값 4는 응답 데이터를 사용할 수 있음을 의미함). 둘째, 상태 속성은 요청이 성공했는지 여부를 나타냅니다(예: 값 200은 성공적인 요청을 정의합니다). 이 예제에서는 응답 데이터를 검색하고 AJAX 호출이 성공했다고 가정하면 대상 요소의 내용을 업데이트합니다. 그렇지 않으면 XMLHttpRequest 개체에서 추출된 정보가 있는 메시지가 표시됩니다. AJAX소개에 이어 XMLHttpRequest API를 사용하여 AJAX 요청을 초기화하는 예제가 있습니다. VanillaJS는 jQuery와 같은 추가 라이브러리없이 일반 자바 스크립트를 사용하는 것을 지칭하는 이름입니다. 사람들은 다른 개발자들에게 추가 자바스크립트 라이브러리없이 요즘 많은 일을 할 수 있다는 것을 상기시키기 위해 농담으로 사용합니다. 그 사이트는 유용한 바닐라 JS 의 예로 가득합니다- 보세요! 참고: 로컬 환경에서 예제를 실행하고 Bio.txt 파일을 저장하면 오류 메시지가 다를 수 있습니다. 예를 들어 다음과 같은 결과가 표시될 수 있습니다: „JS 프레임워크“ 사이트로 포즈를 취하는 Vanilla JS 사이트의 기록은 짧지만 재미있습니다.

에릭 와슬은 2012년에 트롤링과 혼란을 이용해 홈포인트를 망치로 만들었다: 종종 추가 JS 프레임워크나 라이브러리 대신 일반 자바스크립트를 사용할 수 있다. 오늘날 바닐라 JS 대 jQuery를 선택하는 것이 가장 현명한 선택이 아니므로 코드 베이스가 불필요하게 종속성이 부풀어 오르지 않습니다. jQuery가 필요하지 않을 수도 있는 우수한 예: 스택 오버플로 질문에 대한 응답입니다. 처음에는 웹팩을 배우는 것이 진흙 탕에서 수영하는 것처럼 보일지라도 이것을 필요로 할 수 있는 사람들이 있다는 것을 알았습니다. 이것은 웹 팩 4와 바닐라 자바 스크립트 (라이브러리 및 프레임 워크 없음)를 사용하는 빠르고 더러운 충돌 과정입니다. 이 시리즈의 다음 부분에서는 jQuery의 AJAX 관련 함수 및 메서드에 대해 살펴보겠습니다. 그런 다음 시리즈의 마지막 부분에서보다 복잡한 예제를 살펴보겠습니다.

Comments are closed.