Hiding message Instantly in jsp using ajax

Question

I am developing one sample web application in JSP. In this application i want to call the servlet method after some action triggered, For example the list of department is displayed in the drop down list, after selecting the department i want to retrieve the list of students name from the database. Am new to jsp any one help me to achieve this, Thanks in advance.

<form method="post" action="index.jsp" name="form1" onsubmit="return checkme()">

            <table cellpadding="2">
                <tr>
                    <td>
                        <p style="color: blue;font-family: sans-serif;">Select Project:</p>
                    </td>
                    <td>
                        <select id="project" onchange="">
                          <option value="0">Select..</option> 
                          <c:forEach items="<%=department%>" var="entry">
                                <option value="${entry.key}">${entry.value}</option>
                          </c:forEach>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p style="color: blue;font-family: sans-serif;">Select Employee:</p>
                    </td>
                    <td>
                       <select id="employee">
                           <option value="0">Select..</option>  
                           <c:forEach items="<%=emplist%>" var="entry1">
                                <option value="${entry1.key}">${entry1.value}</option>
                           </c:forEach>
                        </select>
                    </td>
                </tr>

            </table> 


            <input type="submit" value="Submit">

      </form>

You can use ajax for this. – Pasupathi Rajamanickam Feb 19 '15 at 12:03 — Pasupathi Rajamanickam, Feb 19 '15 at 12:03
@Pasupathi , Can u give me piece of sample code? – PS Kumar Feb 19 '15 at 12:07 — PS Kumar, Feb 19 '15 at 12:07

score 0 · Answer 1 · answered Feb 19 '15 at 12:07

An ajax call using jquery will be the cleaner and efficent way of doing it. Something like this:

        $.ajax({
            type : "GET",
            url : "yourservletURLWithParams"
            success : function(data) {
               //update list
            }
        });

score 0 · Answer 2 · answered Feb 19 '15 at 12:17

As an addition to @JunedAhsan 's answer you can accomplish the same without jquery too:

function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
       //success handler
    }
  }
xmlhttp.open("GET","yourservletURLWithParams",true);
xmlhttp.send();
}

score 0 · Accepted Answer · edited May 23 '17 at 12:06

0

Here you will find similar type of question and also answers with detail description and sample code. Populating cascading dropdown lists in JSP/Servlet

Hope this helps!

edited May 23 '17 at 12:06

Community

1
1

answered Feb 19 '15 at 12:23

Ranjitsinh

1,323
1
11
28

Hiding message Instantly in jsp using ajax

3 Answers3