向服务器提交Jquery按钮的值

Submitting Value of Jquery Button To Server

本文关键字：按钮 Jquery 服务器 提交      更新时间：2023-09-26

我有几个按钮的表单，我想提交表单到服务器使用脚本，所以我使用一个函数绑定到按钮的单击事件。在服务器端，我希望能够获得被点击按钮的值。如何才能做到这一点?

使用常规方法来发布表单，我可以执行request.getParameter()并获得被单击的按钮的值。我还想在服务器端执行request.getParameter()并获取此参数或其他更有效的方法。下面是我所拥有的:

jquery 

 function submitPage(){
        document.getElementById("citizenRegistration").action="citizen_registration.htm";
        document.getElementById("citizenRegistration").target="_self";    
        document.getElementById("citizenRegistration").method = "POST";
        document.getElementById("citizenRegistration").submit();
    }
     $(document).ready(function(){          
        $('#query').click(function(e){
            e.preventDefault();
                    //need to send the value of the button to server
                    alert($(this).val());
            //alert("hello");
            submitPage();
        });
    });
<<p> Jsp/strong> 
 <li><input id="save" type="submit" name= "user_request" value="Save"/>
    <input id="update" type="submit" name= "user_request" value="Update"/>
    <input id="query" type="submit" name= "user_request" value="Query"/>
 </li> 

function submitPage(actionFlag){
     // actionFlag value can be save,update,Query
     document.getElementById("citizenRegistration").action=
                       "citizen_registration.htm?actionFlag="+actionFlag;
     document.getElementById("citizenRegistration").target="_self";       
     document.getElementById("citizenRegistration").method = "POST";
     document.getElementById("citizenRegistration").submit();
}

您可以将按钮值发送给函数。

    $('#query').click(function(e){
        e.preventDefault();
        //need to send the value of the button to server
        var buttonVal = $(this).val();
        alert(buttonVal);
        submitPage();
    });

相关文章：