zoukankan      html  css  js  c++  java
  • 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             };
  • 相关阅读:
    C++初始化列表
    正确理解Widget::Widget(QWidget *parent) :QWidget(parent)这句话
    C++ 的关键字(保留字)完整介绍
    Qt之UI文件设计和运行机制
    QT 5.12安装
    Win2016 安装VM与Hyper-V冲突解决办法
    多线程与并行
    Framework使用
    MVVMLight
    Knockout 应用
  • 原文地址:https://www.cnblogs.com/zs521/p/8597923.html
Copyright © 2011-2022 走看看