AJAX

1.什么是AJAX
在这里插入图片描述
**Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术。**即异步刷新
1.2 Ajax的应用场景
检查用户名是否已被注册:
内容自动补全:在这里插入图片描述

二 AJAX的原理
在这里插入图片描述
五步 开发步骤
1 创建Ajax引擎对象

2 为Ajax引擎对象绑定监听(监听服务器已将数据响应给引擎)
在这里插入图片描述
3 绑定提交地址

4 发送请求

5 监听里面处理响应数据

Title

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");
}
Document
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值