2个按钮的Javascript和JSP提交

Question

我不是一个真正的javascript，希望你能帮我解决这个可能的新手问题，我试图扩大一个现有的工作jsp页面的第二个按钮，它的类型是提交。它的类型是提交.我发现了一些半相似的问题和答案，但我只是没有得到它的工作.我添加的这个例子的按钮是按钮.doebi。它们在浏览器的屏幕上显示得很好。

在我的jsp文件里面。

<td colspan="4" align="right">
    <button id="sysBlaBlacControlSearchSubmit" type="submit" value="normal" class="standardButton">
        <bean:message key="button.search" />
    </button>
    <button id="sysBlaBlaControlSearchReset" type="reset" class="standardButton">
        <bean:message key="button.reset" />
    </button>
    <button id="sysBlaBlaControlSearchDoebi" type="submit" name="doebi" value="doebi" class="standardButton">
        <bean:message key="button.doebi" />
    </button>
</td>

在我的js文件里面。

$('#SysBlaBlaControlSearchForm').submit(function(e) {
        e.preventDefault();
        sendAjaxForm('SysBlaBlaSearch', '/sysblabla/sysBlaBlaSearch.do', 'searchSysblabla', function (result) {
            refreshTableData(systematicControlSearchResultTable, result);

            sendAjaxGET('/blablabla/blablabla.do', 'getblablablaSearchWarning', undefined, function (result) {
                $('div#SysBlaBlaBlaSearchWarning').text(result.value);
            });

        });
    });  

现在我想看看哪个按钮被按下了，因为很明显两个按钮都是在.submit中处理的。

在这里发现的例子，如 if (request.getParameter("xxx")) 我喜欢在我的代码中注入这样的js文件。

$('#SysBlaBlaControlSearchForm').submit(function(e) {
        if (request.getParameter("doebi") == null) {
        e.preventDefault();
        console.warn("NOT inside doebi click");
        sendAjaxForm('SysBlaBlaSearch', '/sysblabla/sysBlaBlaSearch.do', 'searchSysblabla', function (result) {
        ...
    } else {
        console.warn("inside doebi click");
    }   

但问题是 "request "没有被编译器找到，我不知道请求指向哪里。

当我在浏览器中执行代码并进行检查时，我在请求上得到了一个错误.我不得不用blabla伪装真正的methode名称，对不起。

Answer 1

你可以使用 click 事件来获取当前按钮被点击，然后在 submit 您可以检查哪个按钮被点击，并对该按钮进行进一步的操作。

演示代码 :

var $submit = null;
var $button = $('#SysBlaBlaControlSearchForm').find('button');
$('#SysBlaBlaControlSearchForm').submit(function(e) {
  e.preventDefault();
  //checking the value of button click
  if ($submit.name == "normal") {
    //normal buton is clicked
    console.warn(" inside normal click");
    //put your ajax code here

  } else if ($submit.name == "doebi") {
    //inside doebii
    console.warn("inside doebi click");
    //put your ajax code here
  } else {
    console.warn("reset button clicked");
  }


});
//when button is clicked
$button.click(function(event) {
  //putting current button clicked reference in variable $submit
  $submit = this;
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="SysBlaBlaControlSearchForm">
  <button id="sysBlaBlacControlSearchSubmit" type="submit" name="normal" class="standardButton">
        <bean:message key="button.search" />Normal
    </button>
  <button id="sysBlaBlaControlSearchReset" type="reset" class="standardButton">
        <bean:message key="button.reset" /> Reset
    </button>
  <button id="sysBlaBlaControlSearchDoebi" type="submit" name="doebi" namename="doebi" class="standardButton">
        <bean:message key="button.doebi" />Doebi
    </button>

</form>