`
wawa129
  • 浏览: 321228 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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);} 
        } 


分享到:
评论

相关推荐

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

    本篇文章主要是对ajax提交url与ajax提交表单的区别进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

    ajax 无刷新实现表单提交

    ajax无刷新表单提交 2;ajax的运行历程 最简单明了的实例,清晰的帮你弄清上述概念,运行简单,只需解压该包,然后Myeclipse中file - import - general - import existed project to workspace,即可调试运行 调试...

    jquery ajax表单提交

    表单进行无刷新提交,ajax技术 if (!this.length) { log('ajaxSubmit: skipping submit process - no element selected'); return this; } var method, action, url, $form = this; if (typeof options == ...

    ajax实现提交时校验表单方法

    本文实例为大家分享了ajax提交时校验表单的方法,供大家参考,具体内容如下 方法一: 代码示例:  巧妙设计之处:ajax提交的话,不能够进行校验拦截,设置一个flag来判断,很巧妙的设计之处,故收藏! function ...

    Jquery中ajax提交表单几种方法(get、post两种方法)

    在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法。$get方式提交表单get() 方法通过远程HTTP ,下面我...

    jQuery ajax提交Form表单实例(附demo源码)

    本文实例讲述了jQuery ajax提交Form表单的方法。分享给大家供大家参考,具体如下: Jquery的$.ajax方法可以实现ajax调用,要设置url,post,参数等。 如果要提交现有Form需要写很多代码,何不直接将Form的提交直接转移...

    AJAX提交表单数据实例分析

    本文实例讲述了AJAX提交表单数据的方法。分享给大家供大家参考。具体如下: var TINY={}; TINY.ajax = function() { return { /** * @param string type 请求类型,post,get(目前只实现了这两种) * @param ...

    利用ajax提交form表单到数据库详解(无刷新)

    今天给大家带来的技术就是ajax提交表单 优点是不刷新页面,不跳转页面,静默提交的。 至于什么是ajax,自己去百度了解。 首先我们得要有一个表单提交页面: index.html 这个页面由两个部分组成 1、表单控件 2、...

    jquery ajax提交整个表单元素的快捷办法

    代码如下:function submit(){ var formData=$... $.ajax({ type: “POST”, url: “/index.aspx”, processData:true, data:formData, success: function(data){ $(“#result”).html(“保存成功”); } });}

    jquery ajax 如何向jsp提交表单数据

    Jquery AJAX提交表单有两种方式,一是url参数提交数据,二是form提交(和平常一样在后台可以获取到Form表单的值)。在所要提交的表单中,如果元素很多的话建议用第二种方式进行提交,当然你要是想练

    Jquery通过Ajax方式来提交Form表单的具体实现

    今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: ... 后来我就想了一下,我要提交form表单有没有办法呢?但是我不可能每个fom的input都写一次var demo=$(“#divname”).val();的. 后来,今天我看到一个方法,就

    jQuery的ajax发送FormData的方式

    url : '/ajax_Day5/datas03.php', data : fd, success : function (data) { console.log(data); }, processData : false, contentType : false }); }); [removed] </body> </html>

    jquery ajax提交表单数据的两种实现方法

    Jquery AJAX提交表单有两种方式,一是url参数提交数据,二是form提交(和平常一样在后台可以获取到Form表单的值)。在所要提交的表单中,如果元素很多的话建议用第二种方式进行提交,当然你要是想练练“打字水平”的...

    jquery ajax提交表单数据的两种方式

    Jquery AJAX提交表单有两种方式,一是url参数提交数据,二是form提交(和平常一样在后台可以获取到Form表单的值)。在所要提交的表单中,如果元素很多的话建议用第二种方式进行提交,当然你要是想练练“打字水平”的...

    jQuery ajax中使用serialize()方法提交表单数据示例

    jQuery ajax中数据以键值对(Key/Value)的形式发送到服务器,使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对(key1=value1&key2=value2…)后提交。serialize() 方法使用标准的 ...

    ajax跨域(基础域名相同)表单提交的方法

    2.ajax表单提交表单时可以使用一个jquery的一个表单插件jquery.form.js 使用语法如下: //fromPost为要收集数据的form表单的id $(#formPost).ajaxSubmit({ url:跨域的业务处理地址, cache:false, dataType:ht

    远程表单:通过AJAX轻松提交表单

    可以通过AJAX提交表单的功能。 如果form方法是所有其他方法的GET和FormData ,则该函数将使用window.fetch基于表单进行请求,并将有效载荷编码为URL参数。 回调函数中提供了request对象,允许在发送请求之前修改...

    ajax中send的用法

    一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到open方法的url参数中,此时send方法的参数为null。 例如 : var url = "login.jsp?user=XXX&pwd=XXX"; ...

    ajax提交整个from表单示例代码

    代码如下: $.ajax( { type : “POST”, url : “<%=request.getContextPath()%>/control/daControlAction_updateEmotecontrol.action”, data : $(“#form1”).serialize(), dataType : “text”, success : ...

Global site tag (gtag.js) - Google Analytics