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

162 阅读 0 评论 107 点赞

我是靠谱客的博主眯眯眼香菇，最近开发中收集的这篇文章主要介绍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("操作失败,请联系管理员！"); 
      } 
        }　　　//操作成功后的操作 
       });　 
         } 