2

我有一个按钮和一个显示一些数据的函数。我想在按钮单击时调用该函数。数据需要显示在同一页面上。我不想向前翻页。并且还想避免使用 JavaScript。我该怎么办？这是代码-

<form >
Number of jobs: <select name="jobs">
  <option value="10">10</option>
  <option value="25">25</option>
  <option value="50">50</option>
  <option value="100">100</option>
  <option value="500">500</option>
</select><br>

Number of PE:<select name="process">
  <option value="2">2</option>
  <option value="5">5</option>
  <option value="10">10</option>
  <option value="25">25</option>
</select>
<input type=submit value="Submit" onClick=check(x,y)>
</form>
 </text1>


 void check(int x, int y)
{
<jsp:include page="table" > 
   <jsp:param name="jobs"  value=x/>
  <jsp:param name="process"  value=y/>
  </jsp:include>
}

我想在按钮单击（提交）时调用函数 check()。另外，我想将下拉列表中选择的值作为参数发送给函数。

4

1 回答 1

1

我不想向前翻页。并且还想避免使用javascript。

我认为两者都选择退出是不可能的。

您使用jQuery/Ajax调用在同一页面上显示数据而不提交它。

例子：

<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript">
  $(function(){
      function getData() {
          var dataToBeSent  = {
            param1 : $("#jobs").val() ,
            param2: $("#process").val()
            }; // you can change parameter name

          $.ajax({
                url : 'getDataServlet', // Your Servlet mapping or JSP(not suggested)
                data :dataToBeSent, 
                type : 'POST',
                dataType : 'html', // Returns HTML as plain text; included script tags are evaluated when inserted in the DOM.
                success : function(response) {
                    $('#outputDiv').html(response); // create an empty div in your page with some id
                },
                error : function(request, textStatus, errorThrown) {
                    alert(errorThrown);
                }
            });
      }

});

您的示例中的 HTML：

Number of jobs: <select name="jobs" id="jobs">
  <option value="10">10</option>
  <option value="25">25</option>
  <option value="50">50</option>
  <option value="100">100</option>
  <option value="500">500</option>
</select><br>

Number of PE:<select name="process" id="process">
  <option value="2">2</option>
  <option value="5">5</option>
  <option value="10">10</option>
  <option value="25">25</option>
</select>
<input type=submit value="Submit" onClick=getData();>
于 2013-04-06T08:15:24.217 回答