來自servlet的Ajax響應正在打印兩次

我在使用ajax追加內容div時遇到了問題。該servlet的響應將打印兩次。來自servlet的Ajax響應正在打印兩次

這是兩個頁面的代碼。

demo.jsp

<html> 
<head> 
    <script> 
     function run() 
     { 
      var content = document.getElementById("output"); 
      var xhr = new XMLHttpRequest(); 
      xhr.onreadystatechange = function() { 
        content.innerHTML += xhr.responseText; 
       } 
       xhr.open("POST", "demo", true); 
       xhr.send(null); 
     } 

    </script> 
</head> 
<body> 
    <input type="submit" value="Add Content" onclick="run();"/> 
    <div id="output">This is Static Text.</span><br> 
    </div> 
</body>

DemoServlet

import java.io.IOException; 
import java.io.PrintWriter; 
import javax.servlet.ServletException; 
import javax.servlet.annotation.WebServlet; 
import javax.servlet.http.HttpServlet; 
import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 

@WebServlet(urlPatterns = {"/demo"}) 
public class Demo extends HttpServlet { 

    protected void processRequest(HttpServletRequest request, HttpServletResponse response) 
      throws ServletException, IOException { 
     response.setContentType("text/html;charset=UTF-8"); 
     PrintWriter out = response.getWriter(); 
     try { 
      /* TODO output your page here. You may use following sample code. */ 
      out.println("This is Dynamic Text<br>"); 
     } finally {    
      out.close(); 
     } 
    } 
}

的輸出 div的最終含量是：

這是靜態文本。

這是動態文本。

我無法理解動態文本爲什麼要打印兩次。

在此先感謝。

來源

2013-05-08 Sardeep Lakhera

如果你究竟瞭解如何使用'XMLHttpRequest'？我建議重新閱讀該資源或尋找更好的資源。 – BalusC 2013-05-08 19:39:10

我懷疑onreadystatechange被多次調用，其中不止一個正在進行響應。請參閱What do the different readystates in XMLHttpRequest mean, and how can I use them?在您的處理程序中放置一個斷點以檢查。

你可能想增加一個檢查響應完成：

xhr.onreadystatechange = function() { 
    if (xhr.readyState == 4) { 
     content.innerHTML += xhr.responseText; 
    } 
}

來源

2013-05-08 19:41:38 RichieHindle

來自servlet的Ajax響應正在打印兩次

回答

相關問題