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

 就是觉得这篇文章比价好,所以转载过来;

正式的地址:http://www.cnblogs.com/yqskj/archive/2013/06/06/3120373.html

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值