1.什么是AJAX
**Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术。**即异步刷新
1.2 Ajax的应用场景
检查用户名是否已被注册:
内容自动补全:
二 AJAX的原理
五步 开发步骤
1 创建Ajax引擎对象
2 为Ajax引擎对象绑定监听(监听服务器已将数据响应给引擎)
3 绑定提交地址
4 发送请求
5 监听里面处理响应数据
function sendAsynRequest(){
//1 创建ajax对象引擎
var xmlHttp=new XMLHttpRequest();
//2 设置回调函数 目的是处理服务器完全返回的数据
xmlHttp.onreadystatechange=function(){
//3 设置请求路径和请求参数
if(xmlHttp.readyState==4 && xmlHttp.status=200){
var context=xmlHttp.responseText;
//4 发送请求
xml.open("get "Ajax1Servlet?name=admin&psw=abc123,);
}
//4.发送请求
xmlHttp.send();
}
package com.sunny.web;
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 java.io.IOException;
@WebServlet(name = “Ajax1Servlet”, urlPatterns = “/Ajax1Servlet”)
public class Ajax1Servlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//获取请求参数
String name = request.getParameter("name");
String password = request.getParameter("password");
//打印出来
System.out.println("name="+name);
System.out.println("password="+password);
//输出数据前端
response.getWriter().write("hello js ajax");
}