鱼C论坛

 找回密码
 立即注册
查看: 3055|回复: 9

[已解决]咋就提示函数未定义呢

[复制链接]
发表于 2020-1-17 09:24:17 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
<!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>
<button  onclick="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)







最佳答案
2020-1-17 09:35:12
这样试试:
<!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>
<button  onclick="readtxt()" >查看源码</button>
<p>
<p><textarea id="txt" name="result" cols="60" rows="30" value="">
</body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-1-17 09:26:30 | 显示全部楼层
运行正常?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-1-17 09:27:01 | 显示全部楼层

当然不正常了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-1-17 09:28:27 | 显示全部楼层
1.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-1-17 09:33:12 | 显示全部楼层
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-1-17 09:35:12 | 显示全部楼层    本楼为最佳答案   
这样试试:
<!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>
<button  onclick="readtxt()" >查看源码</button>
<p>
<p><textarea id="txt" name="result" cols="60" rows="30" value="">
</body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-1-17 09:37:00 | 显示全部楼层

我没试,不过猜测应该没问题
但是看教程,函数的定义和实现 是可以在后面的
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-1-17 10:19:03 | 显示全部楼层
第13、14行有问题吧?是不是应该改成这样?
<p textarea id="txt" name="result" cols="60" rows="30" value=""></p>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-1-17 10:34:18 | 显示全部楼层
sunrise085 发表于 2020-1-17 10:19
第13、14行有问题吧?是不是应该改成这样?

这样的话,那个文本框textarea 根本就不显示了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-1-17 10:50:36 | 显示全部楼层
突然之间  代码起作用了,异步请求数据成功
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-11-23 03:09

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表