解决ajax提交form,点击保存按钮和点击回车效果不同的问题
$("#submitbt").click(function(){
htmlobj=$.ajax({
type: "POST",url: '${cxt}/smstype/save',data:$("form").serialize(),async:false,dataType: "text",success: function (data) {
if('success'==data){
alert("保存成功");
window.location.href='${cxt}/smstype/getSMSAllType? company_id='+'${param.companyId}';
}else{
alert(data);
}
},error: function (XMLHttpRequest,textStatus,errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
}
})
});
上面是ajax提交form的典型例子: <form action="#" method="post">
<div class="dep_padleft duanxin_padding">
<input type="text" class="text_style" name="sMSType.type_name"/>
<input type="hidden" name="sMSType.company_id" value="${param.companyId }"
id="companyId"/>
</div>
<div class="submit_btn">
<input value="保存" class="sub_btn1" type="button" id="submitbt" />
<input value="取消" class="sub_btn2" type="button" id="cancelbt" />
</div>
</form>
上面是form表单,当点击保存按钮后,form表单会被提交到后台。 if('success'==data){
alert("保存成功");
window.location.href='${cxt}/smstype/getSMSAllType? company_id='+'${param.companyId}';
}else{
alert(data);
}
可以弹出相应的提示框。 $(document).keypress(function(event){
//回车码是13
if(event.keyCode ==13){
$("#submitbt").trigger("click");
}
});
让点击回车去触发按钮的click事件,这样两个操作便一致了。 补充: setAttr("result","success");
setAttr("companyId",companyId.toString());
renderJson(new String[]{"result","companyId"});
前台的解析办法是: success: function (data) {
// 解析json数据
var json = eval("("+data+")");
if('success'==json.result){
alert("保存成功");
window.location.href='${cxt}/ab/getAddressBookAll?companyId='+json.companyId;
}else if('failbyphone'==json.result){
alert("手机号已存在,请重新填写手机号!");
return false;
}else{
alert(data);
return false;
}
}
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |