이벤트 응답 새로 고침: 요청 시에만 새로 고침
1. JS HTML DOM 또는 jQuery를 통해 HTML 요소를 얻고, DOM 메서드 또는 jQuery 메서드를 통해 페이지 이벤트를 모니터링하고, 사용자 요청을 얻습니다.
2. Ajax를 통해 서버에 사용자 요청을 제출하면 서버는 처리 후 결과를 반환하고 Ajax는 데이터를 받습니다.
3. DOM 방식이나 jQuery 방식을 통해 페이지에 데이터를 로딩하면 이벤트 응답 새로고침이 완료됩니다.
$('#input_date').keypress(function(e){ if(e.keyCode=='13'){ $.ajax({ 유형: POST, url: inquire_date.php, 데이터: { 출생:null,/ /1. 사용자 요청(예: 특정 이벤트)을 가져와 처리를 위해 서버로 보냅니다. date:$('#input_date input').val() }, dataType: json,//2. function(data){ if (data.success) { varfest = data.fetivalInquireResult;//3. 획득한 데이터를 페이지에 로드하여 페이지 이벤트 응답 새로 고침 $('#show_festival').text(festival) } else { $('#show_festival').text(축제 가져오기 실패) } }, error: function(jqXHR){ Alert(오류 발생: + jqXHR.status); }, }); $('#festival').hide(); $('#response_festival').show() }});부분 자동 새로 고침: 요청 없이 부분 페이지가 자동으로 새로 고쳐집니다.
1. Ajax가 일정한 간격으로 서버로부터 데이터를 얻을 수 있도록 setTimeout()과 같은 타이머 기능을 사용하십시오.
2. DOM 메서드 또는 jQuery 메서드를 통해 페이지에 데이터를 로드하여 페이지를 부분적으로 자동으로 새로 고칩니다.
$(document).ready(function(e){ setTimeout('updateShow()',0);});/*페이지 데이터를 부분적으로 자동으로 새로 고침*/function updateShow(){ $.ajax({ type: GET, url : inquire_date.php?data= + inquire, dataType: json,//1. 타이머를 통해 정기적으로 서버에서 데이터 가져오기 성공: function(data) { if (data.success) { var ageFormat = data.agesFormat; var daysFormat = data.daysFormat;//2. 자동 새로 고침을 수행하려면 페이지에 데이터를 로드하세요. $('#ages').text(agesFormat); ); } else{ 경고(데이터 가져오기 실패) } }, error: function(jqXHR){ 경고(오류 발생: + jqXHR.status); setTimeout('updateShow()',500);}위의 내용은 이 기사의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다. 또한 모든 분들이 VeVb Wulin Network를 지지해 주시길 바랍니다.