来自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响应正在打印两次

回答

相关问题