咋就提示函数未定义呢
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script>
<title>我的HTML JS笔记</title>
</head>
<body>
<h1 align="center">我的 html js 相关笔记</h1>
<a href="test.html" target="_blank">自动循环显示图片(查看效果)</a>
<buttononclick="readtxt()" >查看源码</button>
<p>
<p><textarea id="txt" name="result" cols="60" rows="30" value="">
<script>
var jstxt = document.getElementById('txt');
function readtxt()
{
alert(xhr.status);
var xhr = new XMLHttpRequest();
xhr.open('get','test.html',true);
xhr.send();
alert(xhr.status);
xhr.onreadystatechange = function ()
{
alert(xhr.status);
if (xhr.readyState == 4 && xhr.status == 200)
{
alert("请求服务器数据成功且返回数据成功!");
jstxt.innerHTML = xhr.responseText;
};
};
};
</script>
</body>
</html>
2个错误:
HTML1300: 进行了导航。myhtml.html (1,1)
HTML1501: 文件结尾不符合要求。myhtml.html (36,8)
0: 'readtxt' is not defined myhtml.html (11,18)
运行正常? zltzlt 发表于 2020-1-17 09:26
运行正常?
当然不正常了 zltzlt 发表于 2020-1-17 09:28
rt 这样试试:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script>
<title>我的HTML JS笔记</title>
</head>
<body>
<script>
var jstxt = document.getElementById('txt');
function readtxt()
{
var xhr = new XMLHttpRequest();
alert(xhr.status);
xhr.open('get','test.html',true);
xhr.send();
alert(xhr.status);
xhr.onreadystatechange = function ()
{
alert(xhr.status);
if (xhr.readyState == 4 && xhr.status == 200)
{
alert("请求服务器数据成功且返回数据成功!");
jstxt.innerHTML = xhr.responseText;
};
};
};
</script>
<h1 align="center">我的 html js 相关笔记</h1>
<a href="test.html" target="_blank">自动循环显示图片(查看效果)</a>
<buttononclick="readtxt()" >查看源码</button>
<p>
<p><textarea id="txt" name="result" cols="60" rows="30" value="">
</body>
</html> zltzlt 发表于 2020-1-17 09:35
这样试试:
我没试,不过猜测应该没问题
但是看教程,函数的定义和实现 是可以在后面的 第13、14行有问题吧?是不是应该改成这样?
<p textarea id="txt" name="result" cols="60" rows="30" value=""></p> sunrise085 发表于 2020-1-17 10:19
第13、14行有问题吧?是不是应该改成这样?
这样的话,那个文本框textarea 根本就不显示了 突然之间代码起作用了,异步请求数据成功
页:
[1]