传统JavaScript通过ajax获取文本文件内容
2014-03-28 11:10
477 查看
这几年JQuery写多了,传统的的javascript已经很久不写了,不少东西都忘掉了,还有多少人记得javascript中实现ajax操作需要借助XMLHttpRequest对象,其实jquery的ajax本质也是这个,好了,今天就花点时间演示一下如何用传统javascript获取文本内容并展示在页面上,废话不多少,直接上代码,注释写的很详细,大家应该能看懂:
html页面代码:
演示效果:
<script type="text/javascript"> //(A)①获取文本文件方法(传统javascript实现AJAX写法) function LoadXMLDoc1() { var xmlhttp; if(window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } //onreadystatechange 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。 xmlhttp.onreadystatechange=function() { //readyState //存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。 //0: 请求未初始化 //1: 服务器连接已建立 //2: 请求已接收 //3: 请求处理中 //4: 请求已完成,且响应已就绪 //status //200: "OK" //404: 未找到页面 if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv1").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","doc/test1.txt",true); xmlhttp.send(); }
html页面代码:
<body> <form id="form1" runat="server"> <%-- 获取服务器上的文本文件并显示--%> <div id="myDiv1"><h2>通过ajax改变内容</h2></div> <button id="btnChange1" type="button" onclick="LoadXMLDoc1()">通过 AJAX 改变内容(获取test1.txt上面的文本)</button> </form> </body>
演示效果:
相关文章推荐
- JavaScript调用ajax获取文本文件内容实现代码
- 使用所见即所得文本编辑器编辑文本存入数据库后通过ajax获取服务器json_encode的数据到前台,文本内容上边的html标签不解析
- 对于ajax的responseText方法获取服务器中文本内容出错
- 通过上传的APK文件,解析APK文件内容,获取应用权限包名等
- javascript获取元素文本内容的通用函数
- jquery通过load获取文件的内容并跳到锚点的方法
- 获取鼠标选择的文本内容之JavaScript代码
- [Java] 利用xpdf库获取pdf文件的指定范围文本内容
- 获取鼠标选择的文本内容之JavaScript代码
- 获取鼠标选择的文本内容之JavaScript代码
- Java后台去除前台传递数据中的页面标签(HTML,Javascript,Style),获取文本内容!
- 一个简单的文件后缀获取——不是通过文件名,而是文件内容
- linux文件操作—获取文本中指定行的内容
- jquery通过ajax加载一段文本内容的方法
- JavaScript使用FileSystemObject对象写入文本文件内容的方法
- java通过URL获取文本内容
- [Java] 利用xpdf库获取pdf文件的指定范围文本内容
- Javascript 使用ajax与C#获取文件大小实例详解
- javascript通过选择器获取标签的内容的方法