要求:实现修改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方法,新建元素添加标签
转载说明:欢迎转载本站所有文章,如需转载请注明来源于《绝客部落》。
本文链接:https://juehackr.net/qianduan/9.html