Web_AJAX

1AJAX简介

并不是一门新的语言或技术,实际上是几项技术按一定的方式组合在一起的综合应用。
应用: google suggest ,google maps ,Gmail
在这里插入图片描述
在这里插入图片描述

2目的

:
Web
页面不用打断交互流程,实现动态更新。可以创建接近本地桌面应用的,直接的、高可用的、更丰富的、更动态的Web用户接口界面。
把以前的一些服务器负担的工作转嫁到客户端,有效利于客户端闲置的处理能力。

3XMLHttpRequest

:XMLHTTPRequest对象,完成数据层面的交换, 不用每次都刷新界面也不用每次将数据处理的工作提交给服务器来做。
定义:var req = new XMLHttpRequest();/

3.1XMLHttpRequest主要方法:

  1. abort(): 停止当前请求
  2. getAllResponseHeaders(): 作为字符串返问完整的 headers
  3. getResponseHeader(“headerLabel”): 作为字符串返问单个 的 header 标签
  4. setRequestHeader(“label”, “value”): 设置 header 并和请求一 起发送
  5. open(“method”,“URL”[,asyncFlag[,“userName”[, “password”]]]): 设置未决的请求的目标URL, 方法 , 和其他参数
  6. send (content): 发送请求 ,get 模式下为 null , post 模式下要自己拼接参数串

3.2XMLHttpRequest主要属性:

  1.  onreadystatechange : 状态改变的事件触发器 ( 设置回调方法 )
  2. readyState : 对象状态 (integer): 0 = 未初始化 1 = 读取中 2 = 已读取 3 = 交互中 4 = 完成
  3. status : 服务器返回的状态码 如: 404 =" 文件未找到 " 、 200 =" 成功 "
  4. responseText : 服务器进程返回数据的字符串形式
  5. responseXML : 服务器进程返回数据的兼容 DOM 的 XML 文档 对象

4触发函数

在这里插入图片描述

在这里插入图片描述

5服务器端Servlet处理

:
public class JudgeUser 
extends  HttpServlet
{    public void doGet(HttpServletRequest request,HttpServletResponse  response)throws ServletException,IOException
{
response.setCharacterEncoding("UTF-8");
PrintWriter out=response.getWriter();//建立输出流
String user=request.getParameter("user");
String pass=request.getParameter("pass");//进行验证等操作
out.write(result);    //
返回处理结果,也可以
xml
格式返回
out.close();
}
}

发布了27 篇原创文章 · 获赞 4 · 访问量 1355

猜你喜欢

转载自blog.csdn.net/weixin_45639955/article/details/103863525