Wie aktualisieren ich ein div, ohne die Seite neu zu laden

Question

ich aus, wo ein ein Suchfeld haben und Submit-Button, ich möchte das div aktualisieren, nachdem der Wert von searchbox bekommen

<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> 

ich das searchbox behalten wollen Wert nach dem Senden. Wie könnte ich das tun .. ?? mir bitte helfen,

Danke

Answer 1

XMLHttpRequest verwenden Sie können dies tun

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(); 

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

Answer 2

Sie können dies durch AJAX tun (http://api.jquery.com/load/) Nützlicher Link

Weitere Informationen finden Sie hier (Refresh Part of Page (div)), eine vorherige Stapelüberlauf