原生JS写AJAX请求

原生JS写AJAX请求

虽然jQuery中有关于AJAX请求，而且具有强大的兼容性和功能，但在学习过程中还是要从最简单的开始，所以这里提供下网页编辑学习入门时最基本原生JS写的AJAX请求：

<script type="text/javascript">
			function ajax(method, url, data, fn) {
							let htp = null;
							try {
								htp = new XMLHttpRequest()
							} catch (err) {
								htp = new ActiveXObject("Microsoft.XMLHTTP")
							}
							if (method == "get") {
								htp.open(method, url + "?" + data);
								htp.send()
							} else {
								htp.open(method, url);
								htp.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
								htp.send(data)
							}
							htp.onreadystatechange = function() {
								if (htp.readyState == 4 && htp.status == 200) {
									fn(htp.responseText)
								}
							}
						}
		</script>

如果是刚入门学AJAX请求的，代码中的逻辑就十分清楚了
1、new一个xhr对象。
2、调用xhr对象的open方法。
3、send一些数据。
4、对服务器的响应过程进行监听，来知道服务器是否正确得做出了响应，接着就可以做一些事情。比如获取服务器响应的内容，在页面上进行呈现。
希望对刚入门学习AJAX请求的学习者有所帮助。