beforesendのjqajax(XHR)



Jq Ajax Beforesend



beforesendのjqajax(XHR)

以前にサーバーにリクエストを送信するためのハンドラーを追加します。例:近くのお店を検索しても、ショーのタイミングがわからない:検索...

一般的な効果として、ajaxによって要求されると、ロードが表示され、前者を回す前に小さなアイコンが表示されます。または、「コンテンツのロード...」を使用して、データが要求されていることをユーザーに通知します。これはbeforeSendメソッドで使用できます。



コードは次のように表示されます。

function test_ajax(){ $.ajax( { type: 'GET', // usually use two kinds: GET, POST. The default is: GET url: 'a.php', // (default: current page address) send the requested address dataType: 'html', // expected return of server data types. beforeSend: beforeSend, // transmission request success: callback, // a successful request error: error, // request error complete: complete // request is complete }) } function error(XMLHttpRequest, textStatus, errorThrown){ // Under normal circumstances textStatus and errorThown only one of them has value . $ ( '# ShowResult') append ( '! request error it ') } function beforeSend(XMLHttpRequest){ $('#showResult').append(' ') } function complete(XMLHttpRequest, textStatus){ $('#showResult').remove() } function callback(msg){ . $ ( '# ShowResult') append ( ' request is successful, the number of return:' + msg + ' ') }

サーバーにリクエストを送信する前にいくつかの処理関数を追加するためのメソッドbeforeSend。これはイベントajaxであり、ajaxリクエストは開始前にトリガーされます。通常、ユーザーはXMLHttpRequestオブジェクトを変更できます(たとえば、追加のヘッダー情報を提供するため)。解釈では、ajaxイベントはドキュメントを参照してください。http:// docs.jquery.com / Ajax_Events



また、コンテンツの読み込み中に多くのサイトに「読み込み中です。お待​​ちください」というメッセージが表示され、コンテンツの表示時にコンテンツが読み込まれるという状況も見られます。ロードのプロンプトに表示されるデフォルトのテキストを設定できます。コンテンツがロードされると、IDセレクターが可能になり、ラベルのテキストが最終的なコンテンツに置き換えられます。 beforeSendを置き換えるために、より効率的に。

beforeSend with textに置き換えると、ajaxリクエストの前後に表示するDOM要素に一貫性があるかどうかに応じて、リクエストがすでに存在する前にDOM要素を表示すると、上記のテキストで処理されます。さらに、他の要件を追加する必要がある場合でも、それを処理するためにbeforeSendが使用されます。