手动实现Ajax

发布时间：2020-12-16 02:46:32 所属栏目：百科来源：网络整理

导读：!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"title手动写ajax/title/headbody/bodyscript type="text/javascript"var xhr = new XMLHttpRequest()xhr.open(‘GET‘,‘/api‘,false)xhr.onreadystatechange = function() {if (xhr.readyState ==4) {

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>手动写ajax</title>
</head>
<body>

</body>
<script type="text/javascript">

	var xhr = new XMLHttpRequest()
	xhr.open(‘GET‘,‘/api‘,false)
	xhr.onreadystatechange = function() {
		if (xhr.readyState ==4) {
			if(xhr.status ==200) {
				console.log(xhr.responseText)
			}
		}
	}
	xhr.send(null)

	// 封装ajax
	function ajax(method,url,async) {
		// 1、声明XMLHttpRequest
		var xhr = XMLHttpRequest;
		// 创建XMLHttqRequest
		xhr = new XMLHttpRequest()
		// 2、设置请求状态改变时执行的函数
		xhr.onreadystatechange = function() {
			if (xhr.readyState ==4 ) {
				if(xhr.status == 200) {
					console.log(‘请求完成，相应就绪‘)
				}
			}
		 }
		 // 3、初始化请求参数，还没发送请求
		 xhr.open(method,async)
		 // 4、发起请求
		 xhr.send(null)
	}
	// 调用
	ajax(‘GET‘,‘http://127.0.0.1:8080/user/show?name=hh‘,false)

</script>
</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!