js传输txt文档内容

2018-06-12 15:27:00  浏览:1694  作者:管理员

要求:实现修改text文档内容,即可将text修改内容传到页面显示;

HTML:

<!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:

大前端啊大前端;啥时候是个头啊?

  

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

要点:

1、ajax,跨域传参

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

 

评论区

共 0 条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

【随机新闻】

返回顶部