原生ajax

最新推荐文章于 2022-04-02 19:36:35 发布

沃尔德

最新推荐文章于 2022-04-02 19:36:35 发布

阅读量60

点赞数

文章标签： ajax 服务器 javascript

本文链接：https://blog.csdn.net/baidu_41941883/article/details/122239600

版权

原生ajax

- html代码

html代码

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>

	</body>
	<script>
		function ajax(opt) {
			opt = opt || {};
			opt.method = opt.method.toUpperCase() || 'POST';
			opt.url = opt.url || '';
			opt.async = opt.async || true;
			opt.data = opt.data || null;
			opt.success = opt.success || function() {};
			var xmlHttp = null;
			if(XMLHttpRequest) {
				xmlHttp = new XMLHttpRequest();
			} else {
				xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
			}
			var params = [];
			for(var key in opt.data) {
				params.push(key + '=' + opt.data[key]);
			}
			var postData = params.join('&');
			if(opt.method.toUpperCase() === 'POST') {
				xmlHttp.open(opt.method, opt.url, opt.async);
				xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=utf-8');
				xmlHttp.send(postData);
			} else if(opt.method.toUpperCase() === 'GET') {
				xmlHttp.open(opt.method, opt.url + '?' + postData, opt.async);
				xmlHttp.send(null);
			}
			xmlHttp.onreadystatechange = function() {
				if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {
					opt.success(xmlHttp.responseText);
				}
			};
		}

		ajax({
			method: "POST",
			async: false,
			url: "https://******",
			data: {
				a:"a"
			},
			success: function(res) {
				var data = JSON.parse(res);
				console.log(data);
			}
		})
	</script>

</html>