$.alert(s,timeout,options) 【功能】 彈出提示對話框 【參數】 s：對話框中的字符timeout:超時后關閉（秒）options:其他參數 .size:sm|md|lg 對話框的大小 【用例】 $.alert('成功！'); $.alert('成功！',3, {size:"md"}); $.confirm() $.confirm() $.confirm(s,ok\_callback,options) 【功能】 彈出確認對話框 【參數】 s：對話框中的標題 ok\_callback:點擊確認后的回調函數 options:其他參數 options.size:sm|md|lg 對話框的大小 options.body:string 對話框中的文本內容 【用例】 $.confirm('確定刪除嗎？',function() {alert("確定！"); }); $.ajax\_modal() $.ajax\_modal() $.ajax\_modal(url,title,size,callback,arg) 【功能】 AJAX 請求服務端，獲取的內容彈出對話框。 【參數】 url：請求的服務端URL title:對話框標題size:對話框大小callback:回調函數arg:其他參數 【特別說明】 在下面的用例中，將展示這個過程，并沒有直接調用 $.ajax\_modal() 函數，而是綁定到了標簽的屬性當中。 【原理】： 根據標簽中的屬性定義的參數，data-modal-title="" data-modal-url="" 等來調用 $.ajax\_modal() 鼠標點擊標簽定義的元素后，產生了一個 AJAX 請求，服務端會返回標準的 HTML 文檔，其中元素包含class="ajax\_modal\_body" 的 innerHTML 會被“放入”對話框中。 并且里面的JS會被執行，而對話框相關的參數args.jmodal,args.callback,args.arg都會傳遞過來。這樣可以方便的控制對話框的關閉。并且還可以再回調原頁面的函數（屬性data-modal-callback="" 定義） 【用例】 index.htm 范例1： <buttonid="button1"data-modal-url="user-login.htm"data-modal-title="用戶登錄"data-modal-arg="xxx"data-modal-callback="login\_success\_callback"data-mo dal-size="md"></button> 范例2： <aid="button1"href="user-login.htm"data-modal-title="用戶登錄"data-modal-arg="xxx"data-modal-callback="login\_success\_callback"data-modal-size="md">link </a> \-------------------------------------------------------------- \--------------------------------------------------------------  范例3： <ahref="user-login.htm"data-modal-title="用戶登錄"data-modal-size="md">li nk</a> <script> //如果需要指定回調（可選） functionlogin\_success\_callback(code,message){alert(message); } </script> route/user.php if($action=='login') {if($method=='GET'){ include'./view/user\_login.htm'; }else{ $email=param('email'); $password=param('password'); // ... message(0,'登陸成功'); } } \-------------------------------------------------------------- \-------------------------------------------------------------- \-------------------------------------------------------------- view/user\_login.htm \-------------------------------------------------------------- <?php include'./view/header.inc.htm';?> <div class="card"> <div class="card-header">登陸</div> <div class="card-body ajax\_modal\_body"> <form action="user-login.htm"method="post"id="login\_form"> <div class="form-group input-group"> <div class="input-group-prepend"> <span class="input-group-text"><iclass="icon-user"></i> </span> name="email"> </div> <input type="text"class="form-control"placeholder="Email" <div class="invalid-feedback"></div> </div> <div class="form-group input-group"> <div class="input-group-prepend"> <span class="input-group-text"><iclass="icon-lock"></i> </span> 碼"name="password"> </div> <input type="password"class="form-control"placeholder="密 <div class="invalid-feedback"></div> </div> <div class="form-group"> <button type="submit"class="btn btn-primary btn-block"data -loading-text="正在提交...">登陸</button> </div> </form> </div> </div> <?php include'./view/footer.inc.htm';?> <script> //模態對話框的腳本將會在父窗口，被閉包起來執行。 //接受傳參 varargs=args||{jmodal:null,callback:null,arg:null};var jmodal=args.jmodal; //對應當前模態對話框 var callback=args.callback; //對應data-callback=""vararg=args.arg;//對應data-arg="" var jform=$('#login\_form'); varjsubmit=jform.find('input\[type="submit"\]');var jemail=jform.find('input\[name="email"\]'); varjpassword=jform.find('input\[name="password"\]');jform.on('submit',function() { jform.reset();jsubmit.button('loading'); var postdata=jform.serializeObject(); $.xpost(jform.attr('action'),postdata,function(code,message){if(code==0) { jsubmit.button(message); //關閉當前對話框 if(jmodal)jmodal.modal('dispose'); //回調父窗口 if(callback)callback(message); }else if(code=='email') {jemail.alert(message).focus();jsubmit.button('reset'); }else if(code=='password') {jpassword.alert(message).focus();jsubmit.button('reset'); }else{ alert(message);jsubmit.button('reset');  } }); returnfalse; }); </script> ```