ajax简单了解

什么是ajax
　　1.ajax最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。
ajax的步骤
　　第一步：首先创建ajax对象(两种方式)
　　　　var xhr=new XMLHttpRequest();
　　　　var xhr=new ActiveXObject( 'Microsoft.XMLHTTP' );
　　第二步：
　　　　xhr.open( 'get' ,'firstAjax.txt' ,true);
　　　　　　参数1：请求方式 get/post;
　　　　　　　　在form提交的时候：
　　　　　　　　　　get会把传输数据放在url后面
　　　　　　　　　　post只会把数据放在文件里面
　　　　　　参数2：请求路径
　　　　　　参数3：是否异步
　　　　　　　　　　true 异步 请求的过程不会影响后面的程序执行
　　　　　　　　　　false 同步
　　第三步： 正式发送请求
　　　　xhr.send();
　　第四步：监听请求状态
　　　　xhr.readyState :请求状态码
　　　　　　0： 请求还没有发生（open执行之前）
　　　　　　1 ：请求已经建立，还没有发送（执行了open）
　　　　　　2 :请求发送，正在处理（执行了send）
　　　　　　3 ：请求处理中，有一部分数据可以用，但还没有完成数据。
　　　　　　4 ：请求完全完成
　　onreadystatechange（事件）:请求状态码发生改变的时候是触发

　　xhr.responseText : 返回的数据

　　xhr.status : HTTP状态码     状态码详解见地址     https://www.sojson.com/http.html
　　状态码在300之间是属于正常

 1 var xhr = new XMLHttpRequest();
 2             xhr.open( 'get' , url , true );
 3             xhr.send();
 4             xhr.onreadystatechange = function(){
 5                 if ( xhr.readyState == 4 )
 6                 {
 7                     if ( xhr.status >= 200 && xhr.status < 300 )
 8                     {
 9                         alert( xhr.responseText );
10                     }else
11                     {
12                         alert( '请求好像遇到了点问题，状态码：' + xhr.status );
13                     };
14                 }
15             };

 

转载于:https://www.cnblogs.com/zs521/p/8597923.html