原生JavaScript写AJAX

前端JavaScript:

function ajaxGet(url, obj) {

    var request;

    if(window.XMLHttpRequest) {

        request = new XMLHttpRequest();

    } else {

        request = new ActiveXObject('Microsoft.XMLHTTP'); // 兼容IE

    }

    request.onreadystatechange = function() {

        if(request.readyState === 4) { // 4 请求完成

            if(request.status === 200) { // 200 页面成功加载

                console.log(request.responseText); // 成功 返回得到的文本

            } else {

                console.log(request.status); // 失败 返回状态码 如 404

            }

        } else {

            console.log('Requesting');

        }

    }

    /* 解析参数 */

    str = '?';

    for(key in obj) {

        str += (key + '=' + obj[key] + '&');

    }

    str = str.substr(0, str.length - 1);

    /* 发送 */

    request.open('GET', url + str);

    request.send();

}

ajaxGet('ajax.php', {

    'type': 'get',

    'data': 'test'

}); //get-test

后端PHP:

<!-- ajax.php -->

<?php

    echo $_GET['type'] . '-' . $_GET['data'];

原生JavaScript写AJAX

巴特西

原生JavaScript写AJAX

前端JavaScript:

后端PHP:

最新文章

热门文章