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');
  • 相关阅读:
    透视分析
    仪表分析
    sql查询和预览界面,在预览界面选择图表最后进行导出数据和图表到excel
    可视化查询
    创建数据源
    Smartbi使用Oracle RAC数据库做知识库
    反应器(Reactor)模式
    Netty:EventLoopGroup
    ShuffleTest java 使用集合的方式进行排序
    MapTest java 核心编程
  • 原文地址:https://www.cnblogs.com/jackiehe/p/4758781.html
Copyright © 2011-2022 走看看