您现在的位置: 万盛学电脑网 >> 程序编程 >> 网络编程 >> 编程语言综合 >> 正文

介绍ajax提交url与ajax提交表单的区别

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 本篇文章主要是对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('操作失败!');                     // 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);}           }