原生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'];

发表评论

您的电子邮箱地址不会被公开。