用基本的JS进行Ajax请求

纯JS实现Ajax请求

最新推荐文章于 2025-10-13 09:35:33 发布

转载最新推荐文章于 2025-10-13 09:35:33 发布 · 6.2w 阅读

文章标签：

#ajax #import #xmlhttprequest #function #javascript #servlet

JS 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种不依赖JQuery的Ajax实现方式，通过原生JavaScript完成Ajax请求，并展示了具体的代码实现过程，包括按钮点击触发请求、服务器端响应处理等。

之前在项目中使用ajax都是通过JQuery的Ajax API来进行的，今天试了一下通过基本的Javascript来进行ajax请求，将代码记录下来：

jsp 页面

进行ajax请求的js 代码，可以附带一些json和xml数据（必须是post方法）

在服务器端的Servlet：

java 代码

package ajax;  
  
import java.io.BufferedReader;  
import java.io.IOException;  
import java.io.PrintWriter;  
  
import javax.servlet.ServletException;  
import javax.servlet.http.HttpServlet;  
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
  
public class Test extends HttpServlet {  
    public void doGet(HttpServletRequest request, HttpServletResponse response)  
            throws ServletException, IOException {  
        BufferedReader reader = request.getReader();  
        String line = null;  
        while((line = reader.readLine()) != null) {  
            System.out.println(line);  
        }  
        System.out.println("Start writing");  
        response.setContentType("text/html");  
        PrintWriter out = response.getWriter();  
        out.println(");  
        out.flush();  
        out.close();  
    }  
  
    @Override  
    protected void doPost(HttpServletRequest req, HttpServletResponse resp)  
            throws ServletException, IOException {  
        doGet(req, resp);  
    }  
      
}