ajax 学习记录

• • • ecplise 下载安装
    • 创建项目
    • 创建ajax后台请求处理类
    • • 新建包
      • 创建servlet
      • AjaxServlet 内容
    • web.xml
    • 新建index.html
    • • `index.html`内容
    • 运行

ecplise 下载安装

• ecplise 21.06 Eclipse IDE for Enterprise Java and Web Developers 下载
  
  下载完直接解压运行

创建项目

先下载好 tomcat 8.5

创建web项目

选择Next->Next

勾选，创建web.xml 然后点击Finish

创建ajax后台请求处理类

新建包

创建servlet

AjaxServlet 内容

选择 自己 实现doGet, doPost 方法

package ajax.servlet;import java.io.IOException;import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpServlet;public class AjaxServlet extends HttpServlet{@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {// 设置response缓冲区的编码resp.setCharacterEncoding("UTF-8");resp.getWriter().write("AJAX 不是新的编程语言，而是一种使用现有标准的新方法。
\r\n"+ "AJAX 是与服务器交换数据并更新部分网页的技术，在不重新加载整个页面的情况下\r\n");}@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {doGet(req,resp);}}

web.xml

修改web.xml

内容为：

ajaxAjaxServletajax.servlet.AjaxServletAjaxServlet/AjaxServletindex.htmlindex.htmindex.jspdefault.htmldefault.htmdefault.jsp

复制类的全类名方法：

新建index.html

目录结构

index.html内容

使用 AJAX 修改该文本内容
修改内容

运行

点击后