使用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弹出在页面上的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
Ajax分页插件Pagination从前台jQuery到后端java总结
困惑了我一段时间的网页分页,今天特地整理了一下我完成不久的项目.下面我要分享下我这个项目的分页代码,前后端通吃.希望前辈多多指教. 一.效果图 下面我先上网页前台和管理端的部分分页效果图,他们用的是一套代码. 二.上代码前的一些知识点 此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢. 三.前台代码部分 var pageSize =6; //每页显示多少条记录 var total; //总共多少记录 $(function(
-
ajax无刷新分页的简单实现
本文实例为大家分享了ajax无刷新分页的具体代码,供大家参考,具体内容如下 html页 <html> <head> <title></title> <style type="text/css"> table{ border:solid 1px #444; background-color:Aqua;} table td{border:solid 1px #444;} </style> <script src=
-
Ajax读取txt并对txt内容进行分页显示功能
下文给大家分享了ajax读取txt并对txt内容进行分页显示的核心代码,废话不多说了,直接贴代码了. function TransferString(content) { var string = content; try{ string=string.replace(/\r\n/g,"<BR>") string=string.replace(/\n/g,"<BR>"); string=string.replace(/[ ]/g,"
-
jQuery DataTables插件自定义Ajax分页实例解析
一.问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分类效果. 后端的分页接口已经写好了,不涉及条件查询,需要传入页码(pageNo)和页面显示数据条数(pageSize),显示相应页的显示记录,且不能修改后端接口. 二.分析 先来分析下分页实现. 一是后端分页:这种情况下,在后端很容易实现,在官网上有示例,不多说明. 二是前端分页:前端分页也是支持的,不过需要一次把所有数据都获取到才可以. 看到这里,问题来了.由于后端在目前的情况下是更改不
-
javascript结合ajax读取txt文件内容
代码很简洁,这里就不多废话了,直接上源码 html代码 复制代码 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"/> </head> <body> <button type="button" onclick="show()">请求数据
-
使用ajax技术实现txt弹出在页面上的方法
使用ajax技术实现点击按钮,将TXT文本里的内容通过弹出框显示到页面上 /*事件会在页面加载完成后触发.*/ <script> window.onload = function(){ /*获取按钮的id*/ var oBth=document.getElementById('btn'); /*点击按钮触发的函数*// oBth.onclick = function(){ /*打开浏览器*/ var xhr = new XMLHttpRequest(); /*在地址栏输入地址,这里的1txt代
-
AJAX简单应用实例-弹出层
function createobj() { if (window.ActiveXObject) { return(new ActiveXObject("Microsoft.XMLHTTP")); } else if (window.XMLHttpRequest) { return(new XMLHttpRequest()); } } function personalInfo() { var oBao=creat
-
Bootstrap+jfinal退出系统弹出确认框的实现方法
本文为大家分享了jfinal与bootstrap的登出操作,旨在介绍如何通过a标签弹出登出确认框,然后发送退出请求到jfinal,然后再刷新页面的做法.主要难点在于有以下两点: 1.如果通过a标签的内容弹出登出确认框: 2.如何通过a标签刷新对应弹出的页面. 一.前端技术 1.构建a标签 复制代码 代码如下: <a href="${ctx}/mem/logout" target="ajaxTodo" callback="ajaxDone"
-
layer.open回调获取弹出层参数的实现方法
如下所示: layer.open({ type : 2, title : '重命名', maxmin : true, shadeClose : true, // 点击遮罩关闭层 area : [ '200px', '150px' ], content : getContext() + "/node/torenamenode?nodeName="+nodeName, btn: ['确定'], yes: function(index, layero){ //do something/ /c
-
js实现鼠标移到链接文字弹出一个提示层的方法
本文实例讲述了js实现鼠标移到链接文字弹出一个提示层的方法.分享给大家供大家参考.具体分析如下: 这里实现鼠标移动到链接文字上面,弹出一个已定义好的DIV层的效果.在这个层里你可以加入与此链接对应的信息,这样就成了一个信息提示窗,在淘宝.新浪都能看到这种效果,很实用. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1
-
通用弹出层页面(兼容IE、firefox)可关闭控制宽高及屏蔽背景
<%...@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %> <%.../* 通用弹出层页面(兼容IE.firefox) 说明: 1.openWindows(width,height)----打开弹出层调用的函数,可控制层的宽度和高度 2.hiddenWindows(
-
Android使用Activity实现从底部弹出菜单或窗口的方法
本文实例讲述了Android使用Activity实现从底部弹出菜单或窗口的方法.分享给大家供大家参考,具体如下: 这里使用activity实现弹出滑动窗口或菜单,主要是使用了一些设置activity的样式来实现弹出窗口和滑动效果,实现如下: 第一步:设计要弹出窗口的xml布局: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://sche
-
javascript弹出窗口 window.open使用方法以及参数说明分析篇
window.open使用方法以及参数说明一.window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二.基本语法: window.open(pageURL,name,parameters) 其中: pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三.各项参数 其中yes/no也可使用1/0:pixel value为具体的数值,单位象素. 参数 | 取值范围 |
-
JS实现网页每隔3秒弹出一次对话框的方法
本文实例讲述了JS实现网页每隔3秒弹出一次对话框的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-3-sec-alert-dlg-codes/ 具体代码如下: <html> <head> <title>每隔3秒弹出对话框</title> </head> <body> 不要以为这是个空网页,一会就有东西弹出来~ <script lang
-
JavaScript点击按钮后弹出透明浮动层的方法
本文实例讲述了JavaScript点击按钮后弹出透明浮动层的方法.分享给大家供大家参考.具体分析如下: 这里实现点击后页面变灰色,并用JS弹出一个居中的浮动层提示窗口,这个窗口是透明的,可以设置透明度,网上已经有很多类似的JavaScript代码,你可以借鉴一下. <HTML> <HEAD> <TITLE>浮动层居中的对话框效果演示</TITLE> <META http-equiv=Content-Type content="text/htm
随机推荐
- AngularJS 表达式详解及实例代码
- utf8和unicode编码究竟是什么关系?有何区别?
- 批处理编程- -介绍
- vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
- 用vbs 取得收藏夹里的所有链接名称和URL的脚本
- 基于ISAPI Rewrite软件实现IIS图片防盗链方法
- 动态加载css方法实现和深入解析
- JS比较两个数值的大小实例
- 图文详解Android Studio搭建Android集成开发环境的过程
- PHP编程最快明白(第一讲 软件环境和准备工作)
- JavaScript中this的用法实例分析
- JavaScript实现自动切换图片代码
- PHP接口并发测试的方法(推荐)
- 关于H1的位置解析
- Android中App字体大小不随系统改变而改变
- 使用Python写个小监控
- jquery focus(fn),blur(fn)方法实例代码
- 详解Android中ListView实现图文并列并且自定义分割线(完善仿微信APP)
- java和matlab画多边形闭合折线图示例讲解
- 理解 JavaScript EventEmitter