jqueryページ更新(部分的および全ページ更新)の実装コード_jquery

部分更新:

多くのメソッドがありますが、一般的なものは次のとおりです。

$.get メソッド、$.post メソッド、$.getJson メソッド、$.ajax メソッドは次のとおりです。 🎜>
最初の 2 つの使用方法は基本的に同じです

コードをコピーします コードは次のとおりです:

$.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 この方法はおそらく多くの人が使用していると思います。でも、私はこれを使うのがあまり好きではありません。個人的には、最初の 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() 上部のオブジェクトを更新します (複数のウィンドウの場合)