js传输txt文档内容

要求：实现修改text文档内容，即可将text修改内容传到页面显示；

HTML:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!doctype html>
<html lang="en">
    <head>
    <!--网站编码格式，UTF-8 国际编码，GBK或 gb2312 中文编码-->
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <meta name="Keywords" content="关键词一，关键词二">
        <meta name="Description" content="网站描述内容">
        <meta name="Author" content="Yvette Lau">
        <script src="http://code.jquery.com/jquery-1.3.1.min.js"></script>
        <title>Document</title>
         
           </head>
           <style type="text/css">
            h1{
                font-size: 16px;
            }
           </style>
    <body> 
        <div id="addd"> </div>     
         
         
    </body>
     
    <script type="text/javascript">
         
    $(document).ready(function(){
　       myAdd()
    });        
         
    function myAdd(){      htmlobj = $.ajax({ url: "acc.txt", async: false });　　  $("#addd").append("<h1>"+htmlobj.responseText+"</h1>")
    }
         
    </script>
     
     
</html>

　

acc.txt:

?
1
大前端啊大前端；啥时候是个头啊？

　　

当修改acc文本内容后，刷新页面即可看到修改后的部分；

要点：

1、ajax，跨域传参

2、jQ的append方法，新建元素添加标签

 

posted @   coderjim  阅读(443)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现

更多知识请点击——

www.7017online.xyz
点击右上角即可分享
微信分享提示
SQL AI 助手