手写ajax

最新推荐文章于 2024-06-17 06:24:21 发布

qq_45691752

最新推荐文章于 2024-06-17 06:24:21 发布

阅读量74

点赞数

分类专栏：前端常见面试题文章标签： ajax 前端

本文链接：https://blog.csdn.net/qq_45691752/article/details/125768252

版权

前端常见面试题专栏收录该内容

9 篇文章 1 订阅

订阅专栏

var ajax = {
	get: function(url,callback) {
	  // 创建对象
	  var xhr = new XMLHttpRequest()
	  // 建立连接
	  xhr.open('GET', url, false)
	  // 监听状态
	  xhr.onreadystatechange = function() {
		  if(xhr.readyState == 4) {
			  if(xhr.status = 200) {
				  callback(xhr.responseText)
			  }
		  }
	  }
	  // 发送请求
	  xhr.send()
	}

	post: function(url,callback) {
	  // 创建对象
	  var xhr = new XMLHttpRequest()
	  // 建立连接
	  xhr.open('POST', url, false)
	  // 监听状态
	  xhr.onreadystatechange = function() {
		  if(xhr.readyState == 4) {
			  if(xhr.status = 200) {
				  callback(xhr.responseText)
			  }
		  }
	  }
	  // 设置请求头
	  xhr.setRequestHeader('Content-type', 'application/x-www-urlencoded')
	  // 发送请求
	  xhr.send(data)
	}
}