ajax提交url 与ajax提交表单的比较
1:ajax自已构造一个url,这种方式传参数要用Data,不能用于表单提交。 例: function createHtml(id){ $("#reloading").show(); //edit_bg是个div,提交时显示,这样可以使背景页面不能操作。 $("#edit_bg").show(); $.ajax({ type: "POST", url: "pageAction!createHtml.action", data: "id="+id, success: function(data){ $("#reloading").hide(); $("#edit_bg").hide(); if(data == "true"){ alert("操作成功。"); }else{ alert("操作失败,请联系管理员!"); } } //操作成功后的操作 }); } 2:ajax提交表单,这对于大数据传输非常有用,如用户注册,信息量非常大,用ajax提交表单,页面比较美观 但是,对于ajax提交表单,我们还得引入一个js,即:jquery.form.js" 例:function uploadFile(){ $("#reloading").show(); $("#edit_bg").show(); //form1为表单名 $("#form1").ajaxSubmit({ type: "POST", success: function(data){ $("#reloading").hide(); $("#edit_bg").hide(); if(data.indexOf("true")!=-1){ alert("操作成功。"); }else{ alert(data); alert("操作失败,请联系管理员!"); } } //操作成功后的操作 }); } 3: 2项中ajax提交表单虽然可以正确操作,但返回的data数据有问题,页面得不到处理结果。如下的代码对ajax提交表单进行了纠正 function submitForm(){ $('#form1').ajaxSubmit(ajaxOptionsNew); } var ajaxOptionsNew = { beforeSubmit : fn_check_form, success : showResponse, url : "costAtion!save2.action", error : function(XMLResponse) { alert(XMLResponse.responseText); alert(this.type + ' url:' + this.url); alert('操作失败!'); // window.location.reload(); } }; function fn_check_form(){ if($("#Name").val() == ""){ alert("人不能为空"); $("#Name").focus(); return false; } } function showResponse(responseText) { try{ //alert(responseText); if(responseText == 'true'){ alert('操作成功!'); window.location.reload(); } else if(responseText == 'paramFalse') { alert("必填参数不能为空!") } else if(responseText == 'timeError') { alert("出发时间不能大于报销时间!"); } else{ alert('操作失败!'); // window.location.reload(); } }catch(e){alert(e.message);} }
相关推荐
chongxiaocheng 2020-08-16
ppsurcao 2020-06-14
时光如瑾雨微凉 2020-07-19
kentrl 2020-11-10
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo
ajaxyan 2020-11-09
zndy0 2020-11-03
学留痕 2020-09-20
Richardxx 2020-11-09
learningever 2020-09-19
ajaxhe 2020-08-16
lyqdanang 2020-08-16
curiousL 2020-08-03
TONIYH 2020-07-22
83510998 2020-07-18
坚持着执着 2020-07-16
jiaguoquan00 2020-07-07
李永毅 2020-07-05