使用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文件

时间: 2024-10-09 04:53:15

使用ajax技术实现txt弹出在页面上的相关文章

js Ajax点击链接弹出一个DIV层窗口

下面是在实际项目中截取的部分代码,如果你想下载下来直接使用,可以点击这里点击文字弹出一个DIV层窗口代码. 效果图 HTML代码 <div class="cb pt10 mlf10"> <a href="__APP__/Article/chatpwd/value/7" onclick="verify(this);return false;" target="_blank" class="button

[技术]打开网页弹出窗口的代码

经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项.版权信息.警告.欢迎光顾之类的话或者作者想要特别提示的信息.其实制作这样的页面效果非常的容易,只要往该页面的html里加入几段javascript代码即可实现.下面俺就带您剖析它的奥秘. [1.最基本的弹出窗口代码] 其实代码非常简单: <script language="javascript"> <!-- window.open ('pa

jquery如何设计弹出注册页面表单

如何用JQuery弹出小窗口(是注册页面)提交表单form 用JQuery弹出小窗口主要用来做注册页面,就是小窗口时可写的.网页其他部分是灰色的不可写,这个效果怎么来实现.可以dreamweaver cc来实现. 添加代码: amp;$nbsp; amp;$nbsp; 弹出提示</title$amp;>amp;$nbsp; amp;$nbsp; {margin:0;padding:0;font-size:12px;} html,body {height:100%;width:100%;} co

tabBar视图互相切换时弹出登陆页效果问题

需求: 在用户没有登录时点击个人信息tabbar按钮时 模态出登陆页面. 遇到的问题:点击个人信息按钮.会先显示一下个人信息页面的视图.然后再模态出登陆页面. 这样其实可以达到让用户登陆的需求.但是作为app 这样真是太丑了. 作为小白.在开发时遇到问题 除了挠头没别的了. 所以挠了将近4个小时的头.才解决了这个问题. 对于大牛来说这很简单. 所以,有跟我同样困扰的小白.可以试试我这个方法来解决它 首要要用到  UITabBarControllerDelegate 在AppDelegate里 实

微信/QQ打开网址弹出引导页引导在外部浏览器中打开

使用微信打开网址时,无法在微信内打开app的下载链接.网上流传的各种微信打开下载链接,微信已更新基本失效,下面分享目前还可用的方案. 解决方案:弹出一个遮罩,提示用户在浏览器中打开进行下载或者是打开网页 在微信/QQ中打开链接,判断如果是在微信/QQ中打开的,直接弹出一个遮罩,提示用户在浏览器中打开,然后下载app应用.这样子再也不用管微信如何的更新,都可以实现微信中打开浏览器并下载app应用了. 需要微信遮罩,可加我的QQ: 1747006063 备注一下(微信遮罩) 文章转自熊猫源码:htt

微信网页中打开网址弹出引导页引导在外部浏览器中打开

使用微信打开网址时,无法在微信内打开app的下载链接.网上流传的各种微信打开下载链接,微信已更新基本失效,下面分享目前还可用的方案. 解决方案:弹出一个遮罩,提示用户在浏览器中打开进行下载或者是打开网页 在微信/QQ中打开链接,判断如果是在微信/QQ中打开的,直接弹出一个遮罩,提示用户在浏览器中打开,然后下载app应用.这样子再也不用管微信如何的更新,都可以实现微信中打开浏览器并下载app应用了. 需要微信遮罩,可加我的QQ: 1747006063 备注一下(微信遮罩) 文章转自熊猫源码:htt

C#MVC和cropper.js实现剪裁图片ajax上传的弹出层

 首先使用cropper.js插件,能够将剪裁后的图片返回为base64编码,后台根据base64编码解析保存图片. jQuery.cropper: 是一款使用简单且功能强大的图片剪裁jquery插件.该图片剪裁插件支持图片放大缩小,支持图片旋转,支持触摸屏设备,支持canvas,并且支持跨浏览器使用 网站:http://fengyuanchen.github.io/cropper/ 可以自己搜索中文API 前台代码: @{ Layout = null; } <!DOCTYPE html> &

IE下href=&quot;javascript:void(0) 会弹出空白页

经过排查,发现是href="javascript:void(0);"导致的问题,本来javascript:void(0);的用处是不用整体刷新网页且返回一个空值,但这儿由于DOM本身的冒泡事件所以会最后执行HREF属性内的javascript:void(0);导致执行函数返回了一个空值,所以覆盖掉了前面正常执行函数所返回的值引起的错误. 一般情况下,IE会先运行DOM本身绑定的事件,如ONCLICK;如果没有阻止冒泡,则会顺序执行HREF属性.如果想正确运行,可以在前面用RETURN

如果jsp表单元素的值为空,如何避免null出现在页面上?

可以写一个简单的函数对空值进行处理,判断值是否为空,如果是空就返回空字符串.实例代码如下: <%! String blanknull(String s) { return (s == null) ? “” : s; } %> 在你的JSP里面,可以使用以上函数输出文本框或者其他页面元素的值,实例代码如下: <input type=”text” name=”shoesize” value=”<%=blanknull(shoesize)% >” >