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');
  • 相关阅读:
    感觉每天打开自己的博客园, 想编程的心情就多了起来~~~
    算法图解相关代码整理
    github cli
    What's WebFlux ? And how to use it ? 一股有咖喱味的WebFlux简介
    style
    gradle 1
    gradle打包可运行jar
    外面下着雨
    天晴朗 看花儿多多开放
    Full Stack Reactive with React and Spring WebFlux
  • 原文地址:https://www.cnblogs.com/jackiehe/p/4758781.html
Copyright © 2011-2022 走看看