一、简介

1,  ajax:在不重新加载网页的前提下,与服务器交换数据并更新部分网页的技巧,但其本身并不是一种新技术

2,  核心:XMLHttpRequest对象。AJAX技术主要是通过此对象完成的。

在创建此对象的时候一定要考虑浏览器的问题

XMLHttpRequest对象的创建

XMLHttpRequest对象属性

其中readyState有五种取值

XMLHttpRequest对象方法

3,  简单示例:利用ajax完成局部刷新功能:局部刷新,在<span>中导入content.html内容

content.html内容

Flush.html

xmlHttp.onreadystatechange=showMsgCallback;表示当xmlHttp的请求状态改变时,就会调用showMsgCallback()方法,事实上,当xmlHttp.send()发送请求到响应完成,readyState会经历”2“(请求正在处理)、”3”(请求已经处理)、”4“(响应完成)三次变化,如果回调函数在xmlHttp.send()之前设置,便会调用三次showMsgCallback()方法。我们设置readyState=4时执行操作,因为此时响应完成,服务器会把回应内容填充到xmlHttp.response***属性中

点击“调用ajax显示内容”则会动态的在<span>中生成”取得数据”

二、ajax异步验证:当新用户注册信息时,输入ID后,异步验证ID是否可用

login.html

注意此处用到的地址重写的方式

Checkservlet

  1. package com.chen.ying;
  2.  
  3. import java.io.PrintWriter;
  4.  
  5. import java.sql.Connection;
  6.  
  7. import java.sql.DriverManager;
  8.  
  9. import java.sql.PreparedStatement;
  10.  
  11. import java.sql.ResultSet;
  12.  
  13. import javax.servlet.http.HttpServlet;
  14.  
  15. import javax.servlet.http.HttpServletRequest;
  16.  
  17. import javax.servlet.http.HttpServletResponse;
  18.  
  19. public class CheckId extends HttpServlet {
  20.  
  21. final String DBDIVRE="com.mysql.jdbc.Driver";
  22.  
  23. final String URL="jdbc:mysql://localhost:3306/test";
  24.  
  25. final String USER="root";
  26.  
  27. final String PASSWORD="1995228";
  28.  
  29. Connection conn=null;
  30.  
  31. PreparedStatement pstmt=null;
  32.  
  33. ResultSet rs=null;
  34.  
  35. public void doGet(HttpServletRequest req,HttpServletResponse res){
  36.  
  37. int userid=Integer.parseInt(req.getParameter("userid"));
  38.  
  39. try{
  40.  
  41. System.out.println(userid);
  42.  
  43. PrintWriter out=res.getWriter();//得到回应的输出流
  44.  
  45. Class.forName(DBDIVRE);
  46.  
  47. conn=DriverManager.getConnection(URL,USER,PASSWORD);
  48.  
  49. String sql="select userid from person where userid=?";
  50.  
  51. pstmt=conn.prepareStatement(sql);
  52.  
  53. pstmt.setInt(1, userid);
  54.  
  55. rs=pstmt.executeQuery();
  56.  
  57. if(rs.next()){
  58.  
  59. System.out.println("用户ID重复");
  60.  
  61. out.print("true");
  62.  
  63. }
  64.  
  65. else{
  66.  
  67. System.out.println("ID可用");
  68.  
  69. out.print("false");
  70.  
  71. }
  72.  
  73. }catch(Exception e){
  74.  
  75. System.out.println(e);
  76.  
  77. }
  78.  
  79. }
  80.  
  81. public void doPost(HttpServletRequest req,HttpServletResponse res){
  82.  
  83. this.doGet(req, res);
  84.  
  85. }
  86.  
  87. }

效果

当用户输入id,光标离开输出框后,利用ajax技术,异步验证输入的id是否重复

三、返回XML数据

1,  要求

14.javaweb AJAX技术详解的更多相关文章

  1. Ajax技术详解

    Ajax技术:Ajax描述了一种主要使用脚本(JS)操纵HTTP的web应用架构,它的主要特点是使用脚本操纵HTTP和web服务器进行数据交换,不会导致页面重载.Ajax的核心是JS的XMLHttpR ...

  2. $.ajax()常用方法详解(推荐)

    AJAX 是一种与服务器交换数据的技术,可以在补充在整个页面的情况下更新网页的一部分.接下来通过本文给大家介绍ajax一些常用方法,大家有需要可以一起学习. 1.url: 要求为String类型的参数 ...

  3. 触碰jQuery:AJAX异步详解

    触碰jQuery:AJAX异步详解 传送门:异步编程系列目录…… 示例源码:触碰jQuery:AJAX异步详解.rar AJAX 全称 Asynchronous JavaScript and XML( ...

  4. jQuery调用AJAX异步详解[转]

    AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).它并非一种新的技术,而是以下几种原有技术的结合体. 1)   使用CSS和X ...

  5. 触碰jQuery:AJAX异步详解(转)

    AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).它并非一种新的技术,而是以下几种原有技术的结合体. 1)   使用CSS和X ...

  6. AJAX请求详解 同步异步 GET和POST

    AJAX请求详解 同步异步 GET和POST 上一篇博文(http://www.cnblogs.com/mengdd/p/4191941.html)介绍了AJAX的概念和基本使用,附有一个小例子,下面 ...

  7. Comet技术详解:基于HTTP长连接的Web端实时通信技术

    前言 一般来说,Web端即时通讯技术因受限于浏览器的设计限制,一直以来实现起来并不容易,主流的Web端即时通讯方案大致有4种:传统Ajax短轮询.Comet技术.WebSocket技术.SSE(Ser ...

  8. SSE技术详解:一种全新的HTML5服务器推送事件技术

    前言 一般来说,Web端即时通讯技术因受限于浏览器的设计限制,一直以来实现起来并不容易,主流的Web端即时通讯方案大致有4种:传统Ajax短轮询.Comet技术.WebSocket技术.SSE(Ser ...

  9. Protocol Buffer技术详解(Java实例)

    Protocol Buffer技术详解(Java实例) 该篇Blog和上一篇(C++实例)基本相同,只是面向于我们团队中的Java工程师,毕竟我们项目的前端部分是基于Android开发的,而且我们研发 ...

随机推荐

  1. Free Goodies UVA - 12260 贪心

      Free Goodies Time Limit: 3000MS   Memory Limit: Unknown   64bit IO Format: %lld & %llu [Submit ...

  2. Gaussian and Truncated Gaussian

    Everybody knows about Gaussian distribution, and Gaussian is very popular in Bayesian world and even ...

  3. PHP常用字符串处理函数

    (1)strlen(string) 返回字符串长度 (2)strpos(string,find,begin) 返回find字符串第一次出现的位置(从0开始) string:处理的字符串 find:想找 ...

  4. URL不能过长,否则summit方法提交失败

    MVC5.0+EF6.0,和浏览器的版本有关系.IE最多1024KB. URL不能过长,否则summit方法提交失败.

  5. 【转】FTP主动模式和被动模式的比较

    总是记不住FTP主动和被动模式的区别.放在这里,以备日后查阅.   FTP是仅基于TCP的服务,不支持UDP.与众不同的是FTP使用2个端口,一个数据端口和一个命令端口(也可叫做控制端口).通常来说这 ...

  6. SAP 图标查找及方法

    1. 图标查找 方法一:通过TCODE查找图标对应的图标名称 执行TCODE:ICON 查找图标对应的图标名称 方法二:通过方法一查出图标名称查找对应的图标ID SE11类型池根据方法一查找的ICON ...

  7. Vue阻止冒泡

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  8. 虚拟机+桥接模式+Host-only模式 搭建完美的Windows下Linux开发环境

    相信有很多鞋童和我一个样是一枚Linux码农(我现在还是嵌入式方向). 做Linux开发势必需要一个Linux环境, 大多数开发者会首先选择一个Linux发行版, 其中Ubuntu LTS版本应该是选 ...

  9. JQuery上传插件Uploadify详解及其中文按钮解决方案 .

    Uploadify有一个参数是 buttonText 这个无论你怎么改都不支持中文,因为插件在js里用了一个转码方法把这个参数的值转过码了,解码的地方在那个swf文件里,看不到代码,所以这条路不行. ...

  10. topN 算法 以及 逆算法(随笔)

    topN 算法 以及 逆算法(随笔) 注解:所谓的 topN 算法指的是 在 海量的数据中进行排序从而活动 前 N 的数据. 这就是所谓的 topN 算法.当然你可以说我就 sort 一下 排序完了直 ...