JQueryを使用してPHPファイルにコンテンツをロードする

Question

私はtest.phpファイルにあるコンテンツに以下のコードをロードしています。 PHPファイルにはたくさんのコードがあり、読み込むのに少し時間がかかります。それがロードされると、「コンテンツのロード」テキストが残ります。 - ページがロードされている間に読み込みシンボルを表示する - コンテンツが表示されたら、コンテンツの読み込みを隠す

どうすればよいですか？

<script type="text/javascript"> 
      $(document).ready(function(){ 
      $("a").click(function(){ 
      $("#test").load('test.php'); 
      }); 
     }); 
    </script> 

<div id="test"></div> 
<a>Load content</a> 

UPDATE：

また、私はそれがリンク（それが現在のタッチデバイス上で動作しないよう）になりたい - 任意の提案ですか？

Answer 1

：

<div id="test"><a>Load content</a></div> 

またはあなたのJavaScriptで

$("a").click(function(){ 
    /*Code to show loading message*/ 
    $("#test").load('test.php', function() { 
     //this is a callback function that will fire after the data from test.php is loaded into the test div 
     $('a').hide();//or you can use .remove() to completely remove the tag 
     /*Code to remove the loading message*/ 
    }); 
}); 

Answer 2

divの中にLoadコンテンツを挿入します。ロードが完了すると、上書きされます。

Answer 3

$ .ajax（）に切り替えます。 $ .loadと$ .getは、より多くの設定オプションを可能にするマスター.ajax（）メソッドへのヘルパーショートカットメソッドです。

beforeSendコールバックでローダーアニメーションを設定し、onCompleteコールバックでそのローダーアニメーションを削除します（このコールバックは、プルが成功かエラーかに関係なく実行されます）。それに応じて、成功/エラーのコールバックで他のことをしたいかもしれません。

あなたは <div id="test">タグ内にネスト <a>タグを​​機能が完了するか、AJAX呼び出しのコールバック関数で <a>タグを削除/非表示するためのコードを追加したときに、それが削除されますので、どちらかの可能性

http://api.jquery.com/jQuery.ajax/

Answer 4

PHPスクリプトで "print"を使う必要があります。

私はこれを行うと、私はjqueryのAJAXを使用してthe jQuery documentation for .load()をご覧くださいonSuccess

Answer 5

に応答を示しています。ここでは、これを達成することができます方法は次のとおりです。

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("a").click(function(){ 
      // Display a loading message: 
      $("#test").html('<p>Loading...</p>'); 

      // Load our data: 
      $("#test").load('test.php', function() { 
       // Code here runs when the load() completes: 
       $("a").hide(); 
      }); 
     }); 
    }); </script> 

<div id="test"></div> <a>Load content</a>