button - JSP - Call a function -
i have button , function displays data. want call function on button click. data needs displayed on same page. don't want page forward. , want avoid javascript. should do? here code-
<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> } i want call function check() on button click(submit). plus want send values selected in dropdown list arguments function.
i dont want page forward. , want avoid javascript.
i think opting out both can't possible.
you use jquery/ajax call display data on same page without submitting it.
example:
<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() }; // can change parameter name $.ajax({ url : 'getdataservlet', // servlet mapping or jsp(not suggested) data :datatobesent, type : 'post', datatype : 'html', // returns html plain text; included script tags evaluated when inserted in dom. success : function(response) { $('#outputdiv').html(response); // create empty div in page id }, error : function(request, textstatus, errorthrown) { alert(errorthrown); } }); } }); html example:
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();>
Comments
Post a Comment