原生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

上一篇:一.OSI与TCP


下一篇:AJAX - 向服务器发送请求请求