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

巴扎黑

リリース： 2017-06-30 14:25:21

オリジナル

1773 人が閲覧しました

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 読み込み方法演

jQuery 読み込みメソッドの実行

姓:

名:

显表示代

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

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