ajax提交url与ajax提交表单的详细比较

2019-09-14 07:10:55王振洲

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{