zoukankan      html  css  js  c++  java
  • 不借助jquery封装好的ajax,你能用js手写ajax框架吗

    不借助jquery封装好的ajax,你能手写ajax框架吗?最基础的ajax框架,一起来围观吧。

    1、创建XMLHttpRequest对象
    
    var xhr = new XMLHttpRequest();
    
    2、设置open参数
    
    xhr.open("GET", "Ajax.ashx?id=" + id, true);
    
    //第一个参数可取值get或post;
    
    第二个参数为请求的路径;
    
    第三个参数为是否采用异步,使用ajax绝对是true的啦。
    
    3、注册回调函数
    xhr.onreadystatechange = function() {
         if (xhr.readyState == 4) {//注意此处的readyState的大小写,写错了,就没效果了哦
    
               if (xhr.status == 200) { ///判断服务器返回的状态码是否为200,如果不是,则可能服务器出现了不测
               var res = xhr.responseText;//接收返回的效果
               document.getElementById("showcontext").innerHTML = res; //将返回的结果赋值
    
                }
            }
    }
    
    4、发送
    xhr.send(null);
    
     
    
    PS:如果第2步的第一个参数为post的话,其后的路径就不带“?”的参数啦,在第二步之后加一句:
    
     xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");//设置请求报文头
    
    第4步改为 xhr.send("txtName=ss&txtpwd=123");//参数名=参数值
    
     

    ok,完成了。

  • 相关阅读:
    HTML 语义化标签-新增标签介绍
    HTML基础知识点
    Android JSON 解析关键代码
    [USACO16DEC]Cities and States省市
    [洛谷P1835]素数密度
    [洛谷P1168]中位数
    [HNOI2008]越狱
    [HAOI2007]上升序列
    [SHOI2009]Booking 会场预约
    [洛谷P1892][codevs2597]团伙
  • 原文地址:https://www.cnblogs.com/janneystory/p/3199932.html
Copyright © 2011-2022 走看看