使用ajax技术实现txt弹出在页面上的方法
使用ajax技术实现点击按钮，将TXT文本里的内容通过弹出框显示到页面上
/*事件会在页面加载完成后触发。*/
<script>
window.onload = function（）{
/*获取按钮的id*/
var oBth=document.getElementById（‘btn'）;
/*点击按钮触发的函数*//
oBth.onclick = function(){
/*打开浏览器*/
var xhr = new XMLHttpRequest（）;
/*在地址栏输入地址，这里的1txt代表需要打开的内个txt文件*/
xhr.open（‘get'，‘1.txt'，true）
/*提交*/
xhr.send（）;
/*等服务器返回内容*/
xhr.onreadystatechange = function（）{
if（xhr.readystate==4）{
alert（xhr.responseText）;
}
}
}
}
</script>
<body>
<input type="button" value="按钮" id="btn">
</body>
以上就是使用ajax实现通过弹出窗打开一个text文件。
使用ajax技术实现txt弹出在页面上的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍Jquery的Ajax技术使用方法，包括了Jquery的Ajax技术使用方法的使用技巧和注意事项，需要的朋友参考一下 Jquery的Ajax技术（重点） jquery是一个优秀的js框架，自然对js原生的ajax进行了封装，封装后的ajax的操作方法更简洁，功能更强大，与ajax操作相关的jquery方法有如下几种，但开发中经常使用的有三种： 1）$.get(url, [data],
-
本文向大家介绍JSP技术实现动态页面到静态页面的方法，包括了JSP技术实现动态页面到静态页面的方法的使用技巧和注意事项，需要的朋友参考一下 本文是介绍了jsp技术实现动态页面到静态页面的方法，分享给大家，具体如下： 对于JSP技术实现动态页面到静态页面的方案，我们从三个步骤来说明： JSP技术实现动态页面到静态页面的方案第一： 为了能深入浅出的理解这个框架的由来，我们首先来了解一下JSP解析器将我
-
本文向大家介绍Ajax+smarty技术实现无刷新分页，包括了Ajax+smarty技术实现无刷新分页的使用技巧和注意事项，需要的朋友参考一下 这里运用Smarty模板，更简单 本文主要的技术：AJAX，PHP，Smarty,另外自己封装了一个很简单的类 类： 类很简单，不介绍了 HTML: Smarty: 要引入smary模板 以上所述是小编给大家介绍的Ajax+smarty技术实现无刷新分页
-
本文向大家介绍jQuery AJAX实现调用页面后台方法，包括了jQuery AJAX实现调用页面后台方法的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了jQuery AJAX调用页面后台方法，供大家参考，具体内容如下 1.新建demo.aspx页面。 2.首先在该页面的后台文件demos.aspx.cs中添加引用。 using System.Web.Services; 1）.无参数
-
本文向大家介绍使用AJAX实现分页，包括了使用AJAX实现分页的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了AJAX实现分页展示的具体代码，供大家参考，具体内容如下 Fenye.html Fenye.php 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。