解决Ajax获取文本数据为空的问题

最新推荐文章于 2022-07-18 16:16:25 发布

Web-once

最新推荐文章于 2022-07-18 16:16:25 发布

阅读量3.2k

点赞数

文章标签： Ajax Ajax获取文本数据为空前端 Ajax获取数据

本文链接：https://blog.csdn.net/qq_42381297/article/details/82869535

版权

在学习Ajax并尝试封装函数时，遇到无法获取文本文件或Json数据的问题。经过排查，发现是变量作用域的问题，将`xmlDoc=xmlhttp.responseText;`改为直接使用`alert(xmlhttp.responseText);`后成功获取数据。此经验分享希望能帮助遇到同样问题的前端开发者。

摘要由CSDN通过智能技术生成

今天学习了Ajax，想自己封装一个函数，结果第一步就难住了，我无论怎样都获取不到文本文件或者Json里的值，难受的找了半天bug，百度了好久，（不是很懂后台代码，用文本文件保存的数据），找不到适合我的解决方案。关键是控制台没有报错，就是alert();出来是个空字符串......

但是，重点来了，我猛然发现会不会是变量作用域的问题！！

我在外面定义的xmlDoc=xmlhttp.responseText;还忘记写var （写了也不好使）

当我注释掉它，并且把alert(xmlDoc);换成alert(xmlhttp.responseText);的时候，奇迹出现了，我获取到了数据（笑哭......）

现将代码呈上：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>封装Ajax</title>
</head>
<body>

<button>提交数据</button>

<script>

	var oBtn = document.querySelector('button');
	oBtn.onclick = function(){
		var xmlhttp;
		//为了应对