http://www.chinamootools.com/
问题 MooTools 异步请求例子
<{foreach from=array('0','1','2','3','4') item=cat_f key='key'}>
<tr>
<th><em class="red">*</em><{t}>名称：<{/t}></th>
<td><{input type="text" name="cat_f[{$key}][cat_name]"
onchange="nameCheck(this)" size="20" vtype="required"}>
<span></span>
</td>
</tr>
<{/foreach}>
<form method="post" action="index.php?app=tfsh&ctl=admin_cat&act=save" id="add_form">
<div class="tableform">
<div class="division">
<table cellpadding="0" cellspacing="0" border="0">
<input type="hidden" value="add_f" name="add_f">
<tbody><tr>
<th><em class="red">*</em>名称：</th>
<td><input class="x-input" type="text" name="cat_f[0][cat_name]" onchange="nameCheck(this)" size="20" vtype="required" id="dom_el_3742f70"> <span></span>
</td>
</tr>
<tr>
<th><em class="red">*</em>名称：</th>
<td><input class="x-input" type="text" name="cat_f[1][cat_name]" onchange="nameCheck(this)" size="20" vtype="required" id="dom_el_3742f71"> <span></span>
</td>
</tr>
<tr>
<th><em class="red">*</em>名称：</th>
<td><input class="x-input" type="text" name="cat_f[2][cat_name]" onchange="nameCheck(this)" size="20" vtype="required" id="dom_el_3742f72"> <span></span>
</td>
</tr>
<tr>
<th><em class="red">*</em>名称：</th>
<td><input class="x-input" type="text" name="cat_f[3][cat_name]" onchange="nameCheck(this)" size="20" vtype="required" id="dom_el_3742f73"> <span></span>
</td>
</tr>
<tr>
<th><em class="red">*</em>名称：</th>
<td><input class="x-input" type="text" name="cat_f[4][cat_name]" onchange="nameCheck(this)" size="20" vtype="required" id="dom_el_3742f74"> <span></span>
</td>
</tr>
</tbody></table>
</div>
</div>
<div class="table-action">
<button type="submit" id="newmember-edit-form-submit" class="btn"><span><span>保存</span></span></button><button class="btn btn-secondary " isclosedialogbtn="true" onclick="W.page('index.php?app=tfsh&ctl=admin_cat&act=index')" type="button"><span><span>取消</span></span></button>
</div>
</form>
<script>
(function(){
var _form = $('add_form');
var btn =$('newmember-edit-form-submit');
//var finder = finderGroup['Array'];
_form.store('target',{
onComplete:function(){
},
onSuccess:function(response){
var hash_res_obj = JSON.decode(response);
if (hash_res_obj.success != undefined && hash_res_obj.success != "")
{
try{
var _dialogIns = btn.getParent('.dialog').retrieve('instance');
}catch(e){}
if(_dialogIns)
{
_dialogIns.close();
finder.refresh.delay(400,finder);
}
}
else
{
//alert(hash_res_obj.error);
}
}
});
btn.addEvent('click',function(){
_form.fireEvent('submit',{stop:$empty});
});
})();
function nameCheck(input){
new Request({
url:'/desktop/index.php?app=tfsh&ctl=admin_cat&act=namecheck',
method:'post',
data:input.name+'='+encodeURIComponent(input.value=input.value.trim()),
onSuccess: function(rs) {
rs = JSON.decode(rs);
if(rs.error) {
input.getNext().innerHTML = '<span class="error caution notice-inline">' +rs.error + '</span>';
}
else if(rs.success) {
input.getNext().innerHTML = '<span class="success notice-inline">' +rs.success + '</span>';
}
}
}).send();
}
</script>
public function namecheck()
{
$checkname = '';
if(!$checkname){
echo json_encode(array('error'=>app::get('tfsh')->_('输入的名称有误,请重新输入')));exit;
}else{
echo json_encode(array('success'=>app::get('tfsh')->_('该名称可用')));exit;
}
}
$this->begin('index.php?app=tfsh&ctl=admin_cat&act=index');
$this->end(true,app::get('tfsh')->_('保存成功'));
$this->end(false,app::get('tfsh')->_('输入的名称有误,请重新输入'));