如何使<br/>在jquery ajax響應中添加一行新的html

Question

我正在使用jquery ajax從一個servlet發送和接收數據。例如：

$(document).ready(function(){ 
      $('button').click(function(){ 
       $.post('/test/hello',{no:'5'},function (response){ 
        $('#div').text(response); 

       }); 
      }); 
     }); 

這是我在hello.java servlet代碼

String no = request.getParameter("no"); 
     int n = Integer.parseInt(no); 
     for (int i = 0; i < n; i++) { 
      out.println("hello<br/>"); 
     } 

然而，當我得到這個servlet的響應，你好其次是突破標籤顯示在屏幕上5次在一個連續的行，即中斷標記不被解釋爲html，而是文本。

如何讓Jquery將break標籤解釋爲一個新行，以便獲得像這樣的輸出結果？

你好你好
你好
你好
你好

Answer 1

因爲你是在響應發送HTML使用.html()代替.text()。

$('#div').html(response); 

Answer 2

你必須使用.append()：

$('#div').empty().append(response); 

因爲.text()解析HTML作爲一個字符串，並提出作爲一個字符串。

您可以使用HTML太：

$('#div').html(response);