簡體   English   中英

選擇下拉列表值時,jsp中的ajax調用sql查詢

[英]ajax in jsp call sql query when select dropdown value

從下拉列表中選擇時,需要幫助才能從jsp的sql表中獲取值。

當我選擇CL時,我想在jsp中運行查詢以從sql表中獲取所有記錄。

 $(document).ready(function() { $leavetype= $('.leavetype'); $leavetype.change(function (){ var value = $('.leavetype').val(); $.ajax({ type: "post", url: "applicationformuser.jsp", //this is my servlet data: {leavetype : value}, success: function(msg){ alert(msg.data); } }); }); }); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <select class="leavetype" name="leavetype"style="position:absolute;margin-left:160px;margin-top:160px;height:30px;width:300px;"> <option value="CL">CL</option> <option value="ML">ML</option> <option value="SL">SL</option> <option value="EL/PL">EL/PL</option> <option value="CPL">CPL</option> </select> 

嘗試這個

<select class="leavetype" name="leavetype" style="position:absolute;margin-left:160px;margin-top:160px;height:30px;width:300px;" onchange="GetAllDetails(this.value);">
        <option value="CL">CL</option>
        <option value="ML">ML</option>
        <option value="SL">SL</option>
        <option value="EL/PL">EL/PL</option>
        <option value="CPL">CPL</option>
    </select>


  function GetAllDetails(value) {
        $.ajax({
            type: "post",
            url: "applicationformuser.jsp", //this is my servlet
            data: { leavetype: value },
            success: function (msg) {
                alert(msg.data);
            }
        });

    }

您的ajax代碼工作正常,您只需要在jsp代碼中獲取它,就可以使用request.getParameter()獲取參數:

<% 
String leavetype = request.getParameter("leavetype");//after get value,you can pass it to query sql.
%>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM