$.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> ```