0

読み込みに時間がかかる API を呼び出す PHP スクリプトがあるため、ユーザーはしばらくページを表示せず、何か問題が発生したと考えています。

私は、Jquery スクリプトが PHP ファイルにデータを送信し、そこから結果のデータを取得し、実行中に読み込みメッセージ/アニメーションを表示できることを知らされました。インターネットを調べてみると、次のことがわかりました。

$.get("check.php", { url: "www.domain.com"}, function(data){
    alert("Data Loaded: " + data);
});

PHPファイルが送信されたデータを受信する方法($_GET['url']またはその他の方法)、またはデータを受信して​​表示する方法、および読み込みメッセージを表示する方法を理解できませんでした。私が知っている多くの質問ですが、これを行う方法を理解するための情報に非常に感謝しています.

4

3 に答える 3

5

この投稿に返信したすべての人の助けを借りて、これは作業結果です:

<div id="content-area"><p>loading content...</p></div>

<script type="text/jscript">    
    $.get("check.php", { url: "www.domain.com"}, function(data){
    $("#content-area").html(data)
    });
</script>

PHPは、GETメソッドを使用してデータを受信し、echoを使用してデータを返します。

皆さんの助けに感謝します:)

于 2012-09-22T17:01:18.880 に答える
2

これを行う方法は、デフォルトで読み込みメッセージ/アニメーションを表示し、読み込みが完了すると、jQuery$.get()メソッドがコンテンツを埋めることです。

check.php が jQuery からデータを受信するには、スクリプトに対する他の GET リクエストと同じように処理されます。この場合、に行くようなもので、生成された出力はすべて ' ' パラメータcheck.php?url=www.domain.comで受け取られます。data

于 2012-09-22T16:20:40.370 に答える
0
// On some sort event, here click is used for example
$('button').click(function() {
   // start loading message
   console.log('loading...');
   // start request
   $.get("check.php", { url: "www.domain.com"}, function(data){
       // this part is triggered when request is successful
       console.log('LOADED');
       // shows what was echo'ed on php file
       console.log(data);
   });
});

console.log()開発者ツール コンソールにメッセージを表示する

于 2012-09-22T16:39:06.473 に答える