2016-12-31 33 views
0

私のウェブサイトにサインアップページが作成されています。ここでユーザーは詳細を入力し、ボタンをクリックしてからワードチェックを行い、電子メールを送信し、情報をMySQLデータベースに挿入します最後にdie()ステートメントで終了します。PHPスクリプトの実行中にローディングシンボルを表示する

唯一の問題は、このプロセスは、クライアントのインターネットの速度に応じて、30秒かかることができるということです。これは、サインアップページが長期間表示されるため、技術に精通していないユーザー(さらに技術に詳しいユーザーさえも)がページが壊れていると考えられ、ウェブサイトを閉鎖することになります決して戻って来ない!

私は解決策が必要です。ユーザをサイトに置くのが最も簡単な方法は、読み込み中のシンボルが表示されていることと、残っている時間を表示することです。ブラウザのタブにURLの読み込みシンボルがあるにもかかわらず、動きが遅く、多くの人がそれをまったく見ていません。

基本的には、スクリプトが実行されている間に読み込みシンボルを表示する方法を尋ねており、die()ステートメントに達すると消えます。私はどの言語に書かれているのか気にせず、PHPを好むでしょう。これを達成するための最も簡単な方法は、いくつかのメッセージ/ロードアイコン/そのイベントリスナーから何かを表示し、その後、フォームのsubmitイベントにイベントリスナーをアタッチするために、いくつかのJavaScriptを使用するようになり、事前

+0

php:phpはサーバ上のコンテンツをエコーし​​ます - >あなたのブラウザはこのコンテンツを読み込みます - >コンテンツが読み込まれていればブラウザはそれを見ます!あなたのブラウザーは、何も表示しない、またはコンテンツの一部を表示するのにかかる時間をロードします。あなたはPHPに追加jsを使用する必要があります。 – Eugen

答えて

1

感謝方法。

簡単な例(しかし、そこに多く、他の多くのアプローチ):もちろん

... 
<form ... onsubmit="showLoadingMessage();" ...> 
... 

<script> 
function showLoadingMessage() { 
    var message = document.createElement('div'); 
    message.innerHTML = 'We are working. Please wait...'; 
    document.body.appendChild(message); 
} 
</script> 

は、あなたの代わりに、単純なテキストメッセージの何かを表示することができますし、そのメッセージのdivの場所や位置を追加することができますあなたはしたい。

関連する問題