jqueryのloadメソッドの使い方を詳しく解説

jquery ajax の関数である Load は、指定した p (html, php) にページを直接読み込むことができ、パラメータを受け取ることができます。 の使い方を詳しく紹介します。

形式

load(url,data,function(response,status,xhr))

データの使い方

1. 渡すパラメータを含まないPHPファイルをロードします

コードは次のとおりですコードをコピーします$("#myID").load("test.php");

//id #の要素にtest.phpをインポートした後myIDと実行結果
2. 渡すパラメータを含むphpファイルをロードします

コードは次のとおりですコードをコピーしますパラメータを送信するには、パラメータを2回エンコードする必要があります:

$("#myID").load("test .php", {"name" : "Adam"}); //インポートされた php ファイルには、test.php?name=Adam または直接のような転送パラメータが含まれています $("#pResult" ).load( "jqueryLoad?username=" + ユーザー名 + "&un="+$("#username").val()+"×tamp=" + (new Date()).getTime());

コードは次のとおりですコードをコピーしますvar username = encodeURI(encodeURI($("#username").val( ))); AJAX リクエストを使用して p 要素のテキストを変更します:

コードは次のとおりです コードをコピーします$("button")。 click(function(){ $("p ").load('demo_ajax_load.txt');});コールバックの使い方例えば、ロードされたコンテンツがロードメソッドからサーバー応答を取得した後、コールバック関数を使用できます。コードは次のとおりです:

コードは次のとおりですコードをコピーします$("#go").click(function(){ $("#myID")。 load("welcome.php" , {"lname" : "Cai", "fname" : "Adam", function(){

$("#myID").fadeIn('slow');}

) ;

});

例子

代码如下	复制代
jQuery 読み込みメソッドの実行   姓: 名:    确定 < ;/p>   显表示代

注: この要素が完全にロードされる前にロード処理関数がバインドされている場合にのみ、ロード処理関数はロード後にトリガーされます。後でバインドすると、トリガーされなくなります。したがって、$(document).ready() でロード イベントをバインドしないでください。jQuery は、すべての DOM ロードが完了した後にロード イベントをバインドするからです

以上がjqueryのloadメソッドの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。