AjaxにおけるbeforeSend関数の使用について
2022-02-20 04:10:02
AjaxのbeforeSend関数が使われている
ajaxでリクエストすると、小さな回転するローディングアイコンまたは"content loading..."がリターンの前に表示され、データがリクエストされていることがユーザーに通知されます。これは、beforeSendメソッドで行うことができます。
コードは次のとおりです。
$('#loginBtn').on('tap',function(){
var This = $(this);
//Get the value filled in by the user on the page
var data = {
username:$.trim($('[name="username"]').val()),
password:$.trim($('[name="password"]').val())
}
// Determine that the user has entered a value
if(!data.username){
mui.toast('Please enter username');
return;
}
if(!data.password){
mui.toast('Please enter password');
return;
}
$.ajax({
url:'/user/login',
type:'post',
data:data,
//no return will appear before a small rotating loading icon or "content loading..." is used to inform the user that data is being requested. This can be achieved with the beforeSend method
beforeSend:function(){
This.html('Logging in...') ;
},
success:function(result){
if(result.success){
this.html('Login successful');
setTimeout(function(){
location.href = "user.html";
},2000)
}else{
this.html('login');
//res.message The words inside are that the user does not exist
mui.toast(result.message);
}
}
})
});
関連
-
[解決済み】Google Maps APIがAJAX使用時のみ「Uncaught ReferenceError: google is not defined」を投げる。
-
[解決済み] エラー「SCRIPT7002」の解決方法について。XMLHttpRequest: IEで「ネットワークエラー 0x80070005, アクセスは拒否されました。
-
[解決済み] AJAX使用時にGoogle Maps APIが "Uncaught ReferenceError: google is not defined "を投げる。
-
[解決済み] AJAXはRest apiなのか
-
[解決済み] check_ajax_referer() は実際どのように動作するのでしょうか?
-
[解決済み] <p:ajax>イベント一覧
-
(フロントエンド)警告。メインスレッドでの XMLHttpRequest の同期は非推奨です。
-
Uncaught SyntaxError: 位置 0 で JSON の予期しないトークンです。
-
jS Ajaxアップロードファイルのエラー "Uncaught TypeError: 不正な呼び出し"
-
ajax+jsonを使用します。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン