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');
  • 相关阅读:
    深入Apache NiFi 之源码学习
    Apache NiFi 核心概念和关键特性
    运营商手机视频流量包业务日志ETL及统计分析
    HDP Hive性能调优
    redis 实现登陆次数限制
    Hadoop和Spark的Shuffer过程对比解析
    Scala-基础知识
    Python基础知识问答
    Python基础知识+计算器练习
    Sqoop架构原理及常用命令参数
  • 原文地址:https://www.cnblogs.com/jackiehe/p/4758781.html
Copyright © 2011-2022 走看看