Ajax(asynchronous javascript and xml)异步的javascript和xml.

    是为了解决传统的web应用中"发送请求-等待响应"这种模式的弊端,(浏览器在发送完请求后,只能等待服务器的响应,用户不能做其他的操作,浏览器发送完请求,会抛弃整个页面,等待服务器返回新的页面,也就是说,浏览器和服务器之间交互的数据量很大,不能做到按需获取数据)而创建的技术,该技术的本质是:通过一个浏览器内置的一个对象(XmlHttpRequest)异步地向服务器发送请求.

    所谓异步指的是浏览器并没有抛弃整个页面,也就是不是通过表单提交的方式向服务器发送数据服务器在处理完请求之后,返回数据给XmlHttpRequest对象,通过javascript可以获取XmlHttpRequest中的数据.然后,使用该数据更新页面,整个过程当中,用户不用等待服务器的响应.

说明:网页的异步传输技术.一种不用刷新整个页面便可与服务器通讯的办法,在等待网页的传输过程中,用户依然可以和系统进行交互,页面不用刷新就可以更新内容合理的运用可以让用户感觉更好更方便,但也不要滥用

同步与异步

同步是指:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式。  

Eg.同步:提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事异步是指:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式 

Eg.异步:请求通过事件触发->服务器处理(这时浏览器仍然可以作其他事情)->处理完毕

Ajax的重要对象XMLHttpRequest

重要的Javascript对象,通过它提起对服务器端的请求,可以通过Javascript提起请求,如果要提起多个请求,需要多个XHR对象,请求的结果被预先定义好的方法处理

如何创建XmlHttpRequest对象 

实现代码如下:

//获取xmlHttpRequest对象,该对象由浏览器实现(该实现并没有标准化),在创建该对象时,要区分浏览器.

function getXmlHttpRequest(){

         var xmlHttpRequest = null;

         if ((typeof XMLHttpRequest) != 'undefined')  {

               //非ie浏览器

              xmlHttpRequest = new XMLHttpRequest();

         }else {

               //ie浏览器

             xmlHttpRequest = new ActiveXObject('Microsoft.XMLHttp');

         }

         return xmlHttpRequest;

}

或者

function createXmlHttpRequest(){

        var xmlHttpRequest = null;

        if(window.ActiveXObject){

            xmlHttpRequest = new AvtiveXObject("Microsoft.XMLHTTP");

        }else if(window.XMLHttpRequest){

            xmlHttpRequest = new XMLHttpRequest();

        }

}






xmlHttpRequest对象的重要属性.
实现代码如下:

responseText: 获取服务器响应的文本数据

responseXml:获取服务器响应的xml数据

status:获取服务器返回的状态码(比如200)

readyState: 获取xmlHttpRequest与服务器通讯的状态(0、1、2、3、4,分别描述不同的状态).
(未初始化)   : 对象已建立,但是尚未初始化(尚未调用open方法)
(初始化)     : 对象已经建立,尚未调用send方法
(发送数据)   :   send方法已调用,但是当前的状态以及http头未知
(数据传送中) :    已接受部分数据。
 (响应结束)  :  此时,可以通过responseText/responseXml获取数据了。


xmlHttpRequest的返回数据获取方式
实现代码如下:

从服务器端接收数据的时候,那些数据必须以浏览器能够理解的格式来发送。服务器端的编程语言一般以如下 3 种格式返回数据:
1.Text(又称Html格式)
2.XML
3.JSON

以上就是【基于Ajax用户名验证、服务条款加载、验证码生成的实现方法】的全部内容了,欢迎留言评论进行交流!

赞(0) 踩(0)

与本文相关的软件

发表我的评论

最新评论

  1. 暂无评论