How do i refresh a div without reload the page

Question

I have from where have a one searchbox and submit button, i want to refresh the div after getting the value of searchbox

<form  action="/searchemp" method="post">
                                Employee <input type="text" name="EmployeeName" id="text1"/>
                                <input type ="submit" value="check"/>   
</form>

<div>       
        <table border="1">
            <thead> <h3 align="center">Selected Rule</h2>
                <tr>
                    <th data-field="id" width="30">ID</th>
                    <th data-field="details" width="20">RuleName</th>
                    <th data-field="parameter" width="180">Parameter&nbsp;|&nbsp; Value &nbsp;</th> 
                </tr>
            </thead>
            <c:forEach items="${List2}" var="as">
            <tr >
                <td>${as.id}</td>   
                <td>${as.ruleName}</td>
                <td>
                    <div>

                        <table>
                        <c:forEach items="${as.ruleParameter}" var="asss">  
                            <tr>
                                <td >${asss.parameterName} &nbsp;&nbsp;|&nbsp;&nbsp;</td>                                   
                                <td >${asss.parameterValue}</td>    
                            </tr>
                        </c:forEach>
                        </table>
                    </div>
                </td>           
            </tr>                           
            </c:forEach>    
    </table>
    </div>

I want to keep that searchbox value after submit. how could i do this..??please help me,

Thank you

You can do this with javascript. Try framework jquery for example. — J. Chomel, Apr 19 '16 at 06:13
@J. Chomel, how could i do..?? could you tell me in details please — , Apr 19 '16 at 06:15
@Rezaaaa you need to use Ajax to post the form without reloading the page. Google for it and you will find plenty of examples. — Lelio Faieta, Apr 19 '16 at 06:18

score 0 · Answer 1 · edited May 23 '17 at 10:33

0

You can do this through AJAX (http://api.jquery.com/load/) Useful link

More information can be found here (Refresh Part of Page (div)), a previous stack overflow

edited May 23 '17 at 10:33

Community

1
1

answered Apr 19 '16 at 06:24

Ronak Shah

936
9
17

score 0 · Accepted Answer · answered Apr 19 '16 at 06:48

using XMLHttpRequest you can do this

if (window.XMLHttpRequest) { // Mozilla, Safari, IE7+ ...
    httpRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE 6 and older
    httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}

httpRequest.open('GET', 'http://www.example.org/some.file', true);
httpRequest.send();

Reference : https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started

How do i refresh a div without reload the page

2 Answers2