2014-01-28 85 views
0

如何添加JavaScript以下面的代碼,這樣我可以刷新它獲得的任何條目,而不刷新整個頁面JavaScript來實現JSP

<label for="textarea"> 
    <blockquote> 
    <ul> 
     <ul> 
     <li><strong>Session Progress</strong></li> 
     </ul> 
    </ul> 
    </blockquote> 
</label> 
<p> 
    <textarea name="textarea" cols="88" rows="33" id="textarea"></textarea> 
</p> 
<p>&nbsp;</p> 
<p> 

回答

0

前端

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title></title> 

<script src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script> 
    $(document).ready(function() { 
    $('#button').click(function() { 
     $.get('/backEnd', function(data) { 
     $("#textarea").html(data); 
     }); 
    }); 
    }); 
</script> 
</head> 

<body> 
<textarea name="textarea" cols="88" rows="33" id="textarea"></textarea> 
<button id="button">Update</button> 
</body> 

</html> 

後端

@WebServlet(name = "updaterServlet", urlPatterns = { "/backEnd" }) 
public class UpdaterServlet extends HttpServlet { 
    @Override 
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
     response.setContentType("text/html;UTF-8"); 

     PrintWriter writer = response.getWriter(); 
     writer.write(new java.util.Date().toString()); 
     writer.close(); 
    } 

    @Override 
    protected void doPost(final HttpServletRequest request, final HttpServletResponse response) throws ServletException, IOException { 
     doGet(request, response); 
    } 
} 
0

您可以使用jQuery和使Ajax調用。

http://api.jquery.com/jquery.ajax/

似乎這就是你所需要的。

一個Ajax調用調用你的服務器,拉一些數據,
然後在接收到響應的時候,你選擇
您網頁的某些元素,並對其進行更新。
對於第二部分,你也可以使用jQuery。

如果你不想使用jQuery,但普通的JavaScript,
你仍然可以使一個Ajax調用,但它更困難
而且容易出錯。

參見:Wikipedia - Ajax