AJAX Servlet实现数据异步交互的方法

在慕课网上看了AJAX的一些教程，自己参考着实现一下！

首先，导入json所需要的6个包

下载链接：JSONObjectjar_jb51.rar

总的目录：

前端页面：

首先是一个输入框：

onkeyup表示按下键盘时的操作

javascript：

总的index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>








  

后端：

AjaxServlet.java

package com.loger.servlet;

import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONArray;


@WebServlet("/search")
public class AjaxServlet extends HttpServlet {
  private static final long serialVersionUID = 1L;
  
  static List list = new ArrayList<>();
  static{
    list.add("chenle");
    list.add("陈乐");
  }
    
  
  public AjaxServlet() {
    super();
    // TODO Auto-generated constructor stub
  }

  
  protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    //设置编码
    request.setCharacterEncoding("utf-8");
    response.setCharacterEncoding("utf-8");
    
    //首先获得客户端发送来的数据
    String keyword = request.getParameter("keyword");
    System.out.println(keyword);
    
    
    
    //返回json数据
    response.getWriter().write(JSONArray.fromObject(list).toString());
  }

  
  protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // TODO Auto-generated method stub
  }

}

运行结果：

这就是AJAX的实现步骤，其他在页面上把内容显示出来，如输入验证码时在旁边实时提示是否正确等操作，通过JS实现即可，由于本人没怎么学过js，就这样子吧！！！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。