jqueryリフレッシュページの実装コード(ローカルおよび全ページリフレッシュ)
1644 ワード
jqueryリフレッシュページの実装コード(ローカルおよび全ページリフレッシュ).
一、ローカルリフレッシュ:
よく見られるのは以下のようなものです.
$.getメソッド,$.postメソッド,$.getJsonメソッド、$.ajaxメソッドは次のとおりです.
前の2つの使い方は基本的に同じです
二、全ページ更新方法:
window.location.reload()現在のページをリフレッシュする.
parent.location.reload()親オブジェクトのリフレッシュ(フレームワーク用)
opener.location.reload()親ウィンドウオブジェクトのリフレッシュ(単一ウィンドウ用)
top.location.reload()最上位オブジェクトのリフレッシュ(マルチウィンドウ用)
一、ローカルリフレッシュ:
よく見られるのは以下のようなものです.
$.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()最上位オブジェクトのリフレッシュ(マルチウィンドウ用)