Java WEB

第7章 注册功能实现-异步的表单校验

7.1 涉及的技术知识点   

  • Ajax

7.2 Ajax

  • AJAX 是 Asynchronous JavaScript And XML 的简称。直译为,异步的JS和XML。
  • AJAX的实际意义是,不发生页面跳转、异步载入内容并改写页面内容的技术。
  • AJAX也可以简单的理解为通过JS向服务器发送请求。

7.3 异步处理

  • 同步处理

         AJAX出现之前,我们访问互联网时一般都是同步请求,也就是当我们通过一个页面向   服务器发送一个请求时,在服务器响应结束之前,我们的整个页面是不能操作的,也就     是直观上来看他是卡主不动的。

         这就带来了非常糟糕的用户体验。首先,同步请求时,用户只能等待服务器的响应,而         不能做任何操作。其次,如果请求时间过长可能会给用户一个卡死的感觉。最后,同步     请求的最大缺点就是即使整个页面中只有一小部分内容发生改变我们也要刷新整个页     面。

  • 异步处理

而异步处理指的是我们在浏览网页的同时,通过AJAX向服务器发送请求,发送请求的过程中我们浏览网页的行为并不会收到任何影响,甚至主观上感知不到在向服务器发送请求。当服务器正常响应请求后,响应信息会直接发送到AJAX中,AJAX可以根据服务器响应的内容做一些操作。

使用AJAX的异步请求基本上完美的解决了同步请求带来的问题。首先,发送请求时不会影响到用户的正常访问。其次,即使请求时间过长,用户不会有任何感知。最后,AJAX可以根据服务器的响应信息局部的修改页面,而不需要整个页面刷新。

7.4 异步请求对象

  • XMLHttpRequest对象是AJAX中非常重要的对象,所有的AJAX操作都是基于该对象的。

XMLHttpRequest对象用来封装请求报文,我们向服务器发送的请求信息全部都需要封装到该对象中。

这里需要稍微注意一下,XMLHttpRequest对象并没有成为标准,但是现在的主流浏览器都支持该对象,而一些如IE6的老版本浏览器中的创建方式有一些区别,但是问题不大。

 

      7.4.1 Xhr对象的获取

       7.4.2 Xhr对象的方法

  • open(method,url,async)

open()用于设置请求的基本信息,接收三个参数。

  • method
    • 请求的方法:get或post
    • 接收一个字符串
  • url
    • 请求的地址,接收一个字符串
  • Assync
    • 发送的请求是否为异步请求,接收一个布尔值。
    • true 是异步请求
    • false 不是异步请求(同步请求)
  • send(string)

send()用于将请求发送给服务器,可以接收一个参数

  • string参数
    • 该参数只在发送post请求时需要。
    • string参数用于设置请求体
  • setRequestHeader(header,value)

用于设置请求头

  • header参数
    • 字符串类型,要设置的请求头的名字
  • value参数
    • 字符串类型,要设置的请求头的值