原生ajax

最新推荐文章于 2025-04-03 21:25:56 发布

转载最新推荐文章于 2025-04-03 21:25:56 发布 · 73 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ligulalei/p/10838021.html

本文详细介绍了如何使用原生JavaScript实现一个自定义的AJAX函数。该函数通过接受参数对象来配置请求类型、URL、数据类型等，并包含了错误处理和响应成功的回调函数。此外，还提供了将对象转换为URL编码字符串的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function ajax2() {
	var ajaxData = {
		type: arguments[0].type || "GET",
		url: arguments[0].url || "",
		async: arguments[0].async || "true",
		data: arguments[0].data || null,
		dataType: arguments[0].dataType || "text",
		contentType: arguments[0].contentType || "application/x-www-form-urlencoded",
		beforeSend: arguments[0].beforeSend || function () { },
		success: arguments[0].success || function () { },
		error: arguments[0].error || function () { }
	}
	ajaxData.beforeSend()
	var xhr = createxmlHttpRequest();
	xhr.responseType = ajaxData.dataType;
	xhr.open(ajaxData.type, ajaxData.url, ajaxData.async);
	xhr.setRequestHeader("Content-Type", ajaxData.contentType);
	xhr.send(convertData(ajaxData.data));
	xhr.onreadystatechange = function () {
		if (xhr.readyState == 4) {
			if (xhr.status == 200) {
				ajaxData.success(xhr.response)
			} else {
				ajaxData.error()
			}
		}
	}
}

function createxmlHttpRequest() {
	if (window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP");
	} else if (window.XMLHttpRequest) {
		return new XMLHttpRequest();
	}
}

function convertData(data) {
	if (typeof data === 'object') {
		var convertResult = "";
		for (var c in data) {
			convertResult += c + "=" + data[c] + "&";
		}
		convertResult = convertResult.substring(0, convertResult.length - 1)
		return convertResult;
	} else {
		return data;
	}
}

转载于:https://www.cnblogs.com/ligulalei/p/10838021.html