jquery 페이지 새로 고침을 위한 구현 코드(부분 및 전체 페이지 새로 고침)_jquery

부분 새로 고침:

메소드에는 여러 가지가 있는데, 일반적인 메소드는 다음과 같습니다.

$.get 메소드, $.post 메소드, $.getJson 메소드, $.ajax 메소드는 다음과 같습니다. 🎜>
처음 두 가지 사용법은 기본적으로 동일합니다

코드 복사 코드는 다음과 같습니다

$.get(”Default.php”, {id:”1″, page: “2″},
function(data){
//콜백 메소드입니다. 데이터 데이터를 반환합니다.
})

$.getScript 메서드:

코드 복사 코드는 다음과 같습니다:

$.getScript("http://jqueryajax.com/jquery.js",
function(){
$("#go") .click(function(){//콜백 메서드
$(”.block”).animate( { backgroundColor: 'pink' }, 1000)
.animate( { backgroundColor : 'blue' }, 1000) ;
});
});

$.getJson이 다른 데이터 유형을 반환합니다

코드 복사 코드는 다음과 같습니다:

$.getJson("Default.php", {id:"1″, page: “ 2″},

function(data ){
// 여기서 반환되는 JSON 데이터 참조 메서드는 "data.info"입니다. 이해가 안 되시면 json 튜토리얼을 확인해 보세요. 여기서는 너무 많이 설명하지 마세요
})


$.ajax 이 방법은 아마도 많은 사람들이 사용하고 있을 것입니다. 하지만 저는 이것을 사용하는 것을 별로 좋아하지 않습니다. 개인적으로는 처음 두 개가 더 편한 것 같아요

코드 복사 코드는 다음과 같습니다.

$.ajax({

유형: “POST”, //제출 유형
url: “some.php”, //제출 주소
data: “name=John&location=Boston”, //매개변수
success: function(msg){ //콜백 메소드
alert( “Data Saved: ” msg ) //메소드 내용은 위의 get 메소드와 동일합니다
}
} );


다음은 전체 페이지 새로 고침 방법을 소개합니다. 때로는

window.location.reload()를 사용하여 현재 페이지를 새로 고칠 수도 있습니다.
parent.location.reload() 상위 개체 새로 고침(프레임의 경우)
opener.location.reload() 상위 창 개체 새로 고침(단일 창의 경우)
top.location.reload() 상단 개체 새로 고침(여러 창의 경우)