利用ajax实现多个按钮提交给不同action

来源:互联网 发布:国家统计局数据库 编辑:程序博客网 时间:2024/06/04 09:33

利用ajax根据按钮的name属性来设置提交的action。

$('.btn').live('click', function updateData(){

             var arr =[];
             $("#ta").find("tr").each(function(){                    
                    var json= {};
                    $(this).find("input").each(function(){
                        var name = $(this).attr("name"),
                           value = $(this).val();                    
                        json[name] = value;
                    })                
              arr.push(JSON.stringify(json));
             });            
        console.log(arr);
         var setUrl=$(this).attr('name');                 // 动态获取的url  ,如果from中第一个按钮,则获取的url为updateMore.action
       //  console.log(setUrl);
        jQuery.ajax({        
        type: "POST",
        url:"<%=path%>"+"/"+setUrl,                    // 动态设置提交的url
        dataType : 'json',        
        data : {'arr':JSON.stringify(arr)},
        success: function(data,textStatus){
                if(setUrl=="updateMore.action"){           //根据获取的url来设置操作成功时弹出框的信息
                alert("更新成功!");
            }
            if(setUrl=="importExcel.action"){
                alert("导出成功!");
            }
          },
        error: function(xhr,status,errMsg){
               if(setUrl=="updateMore.action"){            //根据获取的url来设置操作失败时弹出框的信息
                alert("更新失败!");
            }
            if(setUrl=="importExcel.action"){
                alert("导出失败 !");
            }
                }
            });

        });

以下是form中button的参数 :

<form action="  " id="updateForm" theme="simple" enctype="application/x-www-form-urlencoded">


<input type="button"  id="updateBtn" class="btn" name="updateMore.action" value="更新数据" />
<input type="button"  id="importBtn" class="btn" name="importExcel.action" value="导出文件" />


</form

参考原文: http://blog.csdn.net/chenghuan1990/article/details/23757583

0 0