jqueryリフレッシュページの実装コード(ローカルおよび全ページリフレッシュ)

1644 ワード

jqueryリフレッシュページの実装コード(ローカルおよび全ページリフレッシュ).
一、ローカルリフレッシュ:
よく見られるのは以下のようなものです.
$.getメソッド,$.postメソッド,$.getJsonメソッド、$.ajaxメソッドは次のとおりです.
前の2つの使い方は基本的に同じです

      $.get(”Default.php”, {id:”1″, page: “2″ }, 
     
function(data){
// 。 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という方法は多くの人が使っているのではないでしょうか.でもこれはあまり好きではありません.個人的には前の2つの方が便利だと思います

      $.ajax({ 
     
type: “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()最上位オブジェクトのリフレッシュ(マルチウィンドウ用)