zoukankan      html  css  js  c++  java
  • javascript实现原生ajax的方法

    <script>
    var xmlHttp;
    function createxmlHttpRequest() {
    if (window.ActiveXObject) {
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    } else if (window.XMLHttpRequest) {
    xmlHttp = new XMLHttpRequest();
    }
    }

    function doGet(url) {
    // 注意在传参数值的时候最好使用encodeURI处理一下,以防出现乱码
    createxmlHttpRequest();
    xmlHttp.open('GET', url);
    xmlHttp.send(null);
    xmlHttp.onreadystatechange = function() {
    console.log(xmlHttp.readyState + ', ' + xmlHttp.status);
    if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200)) {
    alert('success');
    var data = JSON.parse(xmlHttp.responseText);
    console.log(data);
    console.log(data.errorcode);
    } else {
    console.log(xmlHttp.responseText);
    //alert('fail');
    }
    }
    }

    function doPost(url, data) {
    // 注意在传参数值的时候最好使用encodeURI处理一下,以防出现乱码
    createxmlHttpRequest();
    xmlHttp.open('POST', url);
    xmlHttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    xmlHttp.send(data);
    xmlHttp.onreadystatechange = function() {
    console.log(xmlHttp.readyState + ', ' + xmlHttp.status);
    if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200)) {
    alert('success');
    console.log(xmlHttp.responseText);
    } else {
    console.log(xmlHttp.responseText);
    //alert('fail');
    }
    }
    }
    </script>

    用法:
    doGet('http://front/test/ajax');
    doPost('http://front/test/ajax', 'fname=Bill&lname=Gates');
  • 相关阅读:
    [ZJOI2008]树的统计
    树链剖分总结
    动态主席树(带修改的区间第k大)(树套树)
    实现一个函数输入123456789,输出123,456,789”
    简单的requestAnimationFrame动画
    js的下拉刷新和上拉加载,基于iScroll v4.2.5
    深拷贝和浅拷贝
    js中this的指向
    创建对象的方法
    js继承的方式
  • 原文地址:https://www.cnblogs.com/jackiehe/p/4758781.html
Copyright © 2011-2022 走看看