原生js封装ajax

电脑

myeclipse或者eclipse

第一步：使用myeclipse新建javaweb项目。打开myeclipse file --》new--》web project 具体操作如下图所示：

第二步：编写servlet。package com.test.servlet;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;public class TestServlet extends HttpServlet { private static final long serialVersionUID = 56569754L; public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { this.doPost(request, response); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { }}

第三步：在web中配置servlet。    testServlet  com.test.servlet.TestServlet      testServlet  /testServlet.do   

第一步：编写servlet业务代码。package com.test.servlet;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;public class TestServlet extends HttpServlet { private static final long serialVersionUID = 56569754L; public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { this.doPost(request, response); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 避免出现乱码的问题 response.setContentType('application/json;charset=utf-8'); request.setCharacterEncoding('UTF-8'); String id = request.getParameter('id'); String name = request.getParameter('name'); String sex = request.getParameter('sex'); String json = '{'id':' + id + ','name':'' + name + '','sex':'' + sex + ''}'; response.getWriter().print(json); }}

第二步：编写前端ajax代码。1、位置：D:\Workspaces\MyEclipse 10\servlet\WebRoot\ajax_js.html2、具体内容

第三步：测试。1、启动tomcat测试servlet是否成功http://localhost:8080/servlet/testServlet.do?id=32、请求ajax页面http://localhost:8080/servlet/ajax_js.html3、如果出现乱码问题可以参考：https://jingyan.baidu.com/article/ed2a5d1fa38b6709f6be17ff.html