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');
  • 相关阅读:
    努力
    散步
    相信自己
    我仅有的倔强
    存储过程 有用
    面试题整理 !=!=未看 *****面试题整理最全 有用
    项目介绍4 y有用
    面试题;40个多线程的问题 背1 有用
    面试题: redis面试题 有用 redis详细
    数据库相关内容 已看1 有用
  • 原文地址:https://www.cnblogs.com/jackiehe/p/4758781.html
Copyright © 2011-2022 走看看