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             };

 

posted @ 2018-03-18 22:21  本园一帅  阅读(114)  评论(0编辑  收藏  举报