jquery ajax()

코딩 히어로

DOM 순회 및 조작

button 클래스가 있는 요소를 가져오고 HTML을 '다음 단계...'로 변경합니다.

$( "button.continue" ).html( "Next Step..." )

 

이벤트 처리

버튼을 클릭하면 CSS에서 #banner-message숨겨진 요소를 표시합니다

var hiddenBox = $( "#banner-message" );

$( "#button-container button" ).on( "click", function( event ) { hiddenBox.show(); });

 

ajax 예제

 /api/getWeather 쿼리 매개변수를 사용하여

서버에서 로컬 스크립트를 호출 zipcode=97201 하고 요소 #weather-temp의 html을 반환된 텍스트로 바꿉니다.

 

$.ajax({

     url: "/api/getWeather", data: { zipcode: 97201 },

     success: function( result ) {

           $( "#weather-temp" ).html( "" + result + "     degrees" );

     }

});