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

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;

/**

* Servlet implementation class AjaxServlet

*/

@WebServlet("/search")

public class AjaxServlet extends HttpServlet {

private static final long serialVersionUID = 1L;

static List list = new ArrayList<>();

static{

list.add("chenle");

list.add("陈乐");

}

/**

* @see HttpServlet#HttpServlet()

*/

public AjaxServlet() {

super();

// TODO Auto-generated constructor stub

}

/**

* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

*/

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());

}

/**

* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

*/

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

// TODO Auto-generated method stub

}

}

运行结果：

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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。