下文给大家分享了ajax读取txt并对txt内容进行分页显示的核心代码,废话不多说了,直接贴代码了。
function TransferString(content) { var string = content; try{ string=string.replace(/\r\n/g,"
") string=string.replace(/\n/g,"
"); string=string.replace(/[ ]/g," ") string=string.replace(/\ +/g," ") }catch(e) { alert(e.message); } return string; } var pageIndex = 1; var id = $("#aId").val(); var url = $('#urlArticleContent').val(); var txt = ''; var pageSize = @(ConfigurationManager.AppSettings["ArticlepageSize"]); var page=5; var pageCount = 0; $(function() { if(url!="") { txt = ($.ajax({ url: url, async: false })).responseText; if (txt.indexOf('http://www.w3.org/1999/xhtml')==-1) { pageCount = Math.ceil(txt.length / pageSize); $("#PageCount").html(pageCount); $('#word').html(TransferString(txt.substring(0, pageSize))); $('#demo').pagination({ dataSource: function(done){ var result = []; for (var i = 1; i < pageCount; i++) { result.push(i); } done(result); }, pageCount:pageCount, pageSize: 5, showGoInput: true, showGoButton: true, callback: function(data, pagination) { // template method of yourself var html = template(data); dataContainer.html(html); } }) } else { txt = ''; } } }) function GoHead() { GoPage(1); } function NextClick() { if (pageIndex < pageCount) { pageIndex = pageIndex + 1; } else { pageIndex = pageCount; } GoPage(pageIndex); $("#pageCurrent").html(pageIndex); } function backClick() { if (pageIndex > 1) { pageIndex = pageIndex - 1; GoPage(pageIndex); $("#pageCurrent").html(pageIndex); } } function GoPageNew() { var page=$("#pageGo").val(); GoPage(page); opts.current=page; } function GoPage(pageIndex) { if(pageIndex==0) { pageIndexStr = $('#goPage').val(); if (pageIndexStr==undefined) { return false; } pageIndexStr = pageIndexStr.trim(); var pageIndex = parseInt(pageIndexStr); } $('#page'+pageIndex).siblings().removeClass('active'); $('#page'+pageIndex).addClass('active'); if (pageIndex==1) { if(!$('#backClick').hasClass('disabled')) { $('#backClick').addClass('disabled'); } } else { $('#backClick').removeClass('disabled'); } if (pageIndex == pageCount) { if(!$('#nextClick').hasClass('disabled')) { $('#nextClick').addClass('disabled'); } } else { $('#nextClick').removeClass('disabled'); } var pageTxt = txt.substring((pageIndex - 1) * pageSize, pageIndex * pageSize); $('#word').html(TransferString(pageTxt)); $('html, body').animate({ 'scrollTop': 0 }, 0); $("#pageCurrent").html(pageIndex); } function PageGo(){ if($('.jump-ipt').val()!=''){ GoPage($('.jump-ipt').val()) } } @{ if (null != ViewBag.Ariticle) { DataRow dr = ViewBag.Ariticle; if (null != dr) { ViewBag.Title = dr["Title"];txt文件上传时需要做一些处理,否则只能显示UTF8格式的txt
////// 文件上传 /// ///public JsonResult UploadFiles() { HttpPostedFileBase postFile = HttpContext.Request.Files["filesave"]; if (postFile != null) { string fileName = Path.GetFileName(postFile.FileName); string fileExt = Path.GetExtension(fileName.ToLower()); string fileSize = postFile.ContentLength.ToString(); long fileNameTem = Common.GenerateLongId(); string sPath = string.Format("/Data/Material/{0}_{1}.txt", fileNameTem.ToString(), fileName.Replace(".txt", ""));//Guid.NewGuid().ToString().Replace("-", "") string viewUrl = string.Empty; string g = Guid.NewGuid().ToString(); if (!Directory.Exists(Server.MapPath("~") + "/Data/Material")) Directory.CreateDirectory(Server.MapPath("~") + "/Data/Material"); string p = Server.MapPath(sPath); postFile.SaveAs(p); if (System.IO.File.Exists(p)) { StreamReader sr = new StreamReader(p, System.Text.Encoding.Default); String input = sr.ReadToEnd(); sr.Close(); StreamWriter sw = new StreamWriter(p, false, System.Text.Encoding.UTF8); sw.WriteLine(input); sw.Close(); } return Json(new { FilePath = sPath, FileName = fileName, viewurl = viewUrl, fileSize = fileSize }); } else { return Json(new { FilePath = "" }); } } 另外页面首页引入js
/** * pagination分页插件 * @version 1.1.2 * @author mss * @url http://maxiaoxiang.com/plugin/pagination.html * @E-mail 251445460@qq.com * * @调用方法 * $(selector).pagination(); * * @更新日志 * 2016-07-25:修复click重复事件 */ ; (function ($, window, document, undefined) { //配置参数 var defaults = { totalData: 0, //数据总条数 showData: 0, //每页显示的条数 pageCount: 9, //总页数,默认为9 current: 1, //当前第几页 prevCls: 'prev', //上一页class nextCls: 'next', //下一页class prevContent: '上一页', //上一页内容 nextContent: '下一页', //下一页内容 activeCls: 'active', //当前页选中状态 coping: false, //首页和尾页 homePage: '', //首页节点内容 endPage: '', //尾页节点内容 count: 5, //当前页前后分页个数 jump: true, //跳转到指定页数 jumpIptCls: 'jump-ipt', //文本框内容 jumpBtnCls: 'jump-btn', //跳转按钮 jumpBtn: '跳转', //跳转按钮文本 callback: function () { } //回调 }; var Pagination = function (element, options) { //全局变量 var opts = options,//配置 current,//当前页 $document = $(document), $obj = $(element);//容器 /** * 设置总页数 * @param int page 页码 * @return opts.pageCount 总页数配置 */ this.setTotalPage = function (page) { return opts.pageCount = page; }; /** * 获取总页数 * @return int p 总页数 */ this.getTotalPage = function () { var p = opts.totalData || opts.showData ? Math.ceil(parseInt(opts.totalData) / opts.showData) : opts.pageCount; return p; }; //获取当前页 this.getCurrent = function () { return current; }; /** * 填充数据 * @param int index 页码 */ this.filling = function (index) { var html = ''; current = index || opts.current;//当前页码 var pageCount = this.getTotalPage(); if (current > 1) {//上一页 html += '' + opts.prevContent + ' '; } else { $obj.find('.' + opts.prevCls) && $obj.find('.' + opts.prevCls).remove(); } if (current >= opts.count * 2 && current != 1 && pageCount != opts.count) { var home = opts.coping && opts.homePage ? opts.homePage : '1'; html += opts.coping ? '' + home + ' ...' : ''; } var start = current - opts.count, end = current + opts.count; ((start > 1 && current < opts.count) || current == 1) && end++; (current > pageCount - opts.count && current >= pageCount) && start++; for (; start <= end; start++) { if (start <= pageCount && start >= 1) { if (start != current) { html += '' + start + ' '; } else { html += '' + start + ' '; } } } if (current + opts.count < pageCount && current >= 1 && pageCount > opts.count) { var end = opts.coping && opts.endPage ? opts.endPage : pageCount; html += opts.coping ? '...' + end + ' ' : ''; } if (current < pageCount) {//下一页 html += '' + opts.nextContent + ' ' } else { $obj.find('.' + opts.nextCls) && $obj.find('.' + opts.nextCls).remove(); } html += opts.jump ? '' + opts.jumpBtn + '' : ''; $obj.empty().html(html); }; //绑定事件 this.eventBind = function () { var self = this; var pageCount = this.getTotalPage();//总页数 $obj.off().on('click', 'a', function () { if ($(this).hasClass(opts.nextCls)) { var index = parseInt($obj.find('.' + opts.activeCls).text()) + 1; } else if ($(this).hasClass(opts.prevCls)) { var index = parseInt($obj.find('.' + opts.activeCls).text()) - 1; } else if ($(this).hasClass(opts.jumpBtnCls)) { if ($obj.find('.' + opts.jumpIptCls).val() !== '') { var index = parseInt($obj.find('.' + opts.jumpIptCls).val()); } else { return; } } else { var index = parseInt($(this).data('page')); } self.filling(index); typeof opts.callback === 'function' && opts.callback(self); }); //输入跳转的页码 $obj.on('input propertychange', '.' + opts.jumpIptCls, function () { var $this = $(this); var val = $this.val(); var reg = /[^\d]/g; if (reg.test(val)) { $this.val(val.replace(reg, '')); } (parseInt(val) > pageCount) && $this.val(pageCount); if (parseInt(val) === 0) {//最小值为1 $this.val(1); } }); //回车跳转指定页码 $document.keydown(function (e) { var self = this; if (e.keyCode == 13 && $obj.find('.' + opts.jumpIptCls).val()) { var index = parseInt($obj.find('.' + opts.jumpIptCls).val()); GoPage(index); //self.filling(index); //typeof opts.callback === 'function' && opts.callback(self); } }); }; //初始化 this.init = function () { this.filling(opts.current); this.eventBind(); }; this.init(); }; $.fn.pagination = function (parameter, callback) { if (typeof parameter == 'function') {//重载 callback = parameter; parameter = {}; } else { parameter = parameter || {}; callback = callback || function () { }; } var options = $.extend({}, defaults, parameter); return this.each(function () { var pagination = new Pagination(this, options); callback(pagination); }); }; })(jQuery, window, document);以上所述是小编给大家介绍的Ajax读取txt并对txt内容进行分页显示,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
推荐阅读
如何解决《为什么我需要将模型传递给视图?》经验,为你挑选了1个好方法。 ... [详细] 如何解决《RegEx匹配M/YYYY,MM/YYYY,M/YY或MM/YY格式但不匹配MM/DD/YYYY》经验,为你挑选了1个好方法。 ... [详细] 如何解决《AndroidStudio1.5.1在APKMETA-INF/NOTICE.txt中复制的重复文件commons-codec-1.9.jar?》经验,为你挑选了1个好方法。 ... [详细] 如何解决《如何从GooglePlacesAPI中的位置ID中获取位置详细信息》经验,为你挑选了0个好方法。 ... [详细] 如何解决《启动模拟器时出错》经验,为你挑选了4个好方法。 ... [详细] 如何解决《箭头不能处理输入类型="数字"》经验,为你挑选了1个好方法。 ... [详细] 如何解决《为什么这个正则表达式查询没有返回任何结果?》经验,为你挑选了0个好方法。 ... [详细] 如何解决《为什么Number('')返回0而parseInt('')返回NaN》经验,为你挑选了0个好方法。 ... [详细] 如何解决《打印第二个命令行参数》经验,为你挑选了1个好方法。 ... [详细] 如何解决《javax.xml.stream.XMLStreamException:不允许使用DOCTYPE》经验,为你挑选了1个好方法。 ... [详细] 如何解决《为什么逗号,地址,逻辑AND和逻辑OR运算符不应该在c++中重载?》经验,为你挑选了1个好方法。 ... [详细] 如何解决《使用ArrayBlockingQueue会使进程变慢》经验,为你挑选了0个好方法。 ... [详细] 如何解决《使用mysql-python执行Select语句给出None》经验,为你挑选了0个好方法。 ... [详细] 如何解决《当页面滚动到达特定ID时添加类》经验,为你挑选了1个好方法。 ... [详细] 如何解决《什么是rowID&rowNum(ROWIDvsROWNUM)》经验,为你挑选了1个好方法。 ... [详细] 如何解决《Laravel使用JSON发送URL》经验,为你挑选了1个好方法。 ... [详细] 如何解决《公寓宝石:如何重命名租户?》经验,为你挑选了1个好方法。 ... [详细] 如何解决《在tableview中每五个单元格后的广告单元格》经验,为你挑选了1个好方法。 ... [详细] 吐了个 "CAO" !Tags | 热门标签RankList | 热门文章
- 1如何覆盖wkwebview超链接操作表
- 2全局变量类c ++
- 3差异两个rpms? - linux
- 4监视生产服务器上的django rest framework api
- 5在不同的Linux机器上部署PyQt5应用程序
- 6以编程方式获取内存使用率iOS
- 7计划中的汽车和Cdr
- 8使用iomanip匹配printf格式
- 9如何在Swift中以wav格式录制音频?
- 10在dplyr和列中使用重命名时避免错误不存在
- 11DjangoRestFramework ModelSerializer DateTimeField仅在创建对象时转换为当前时区
- 12RxJS:如何让一个Observer处理多个Observables?
- 13如何使用moment.js获取上个月的第一天和未来一个月的最后一天
- 14如何创建响应式(变化列数)Angular-Material卡网格
- 15NodeJS/Express4端点生成损坏的xlsx文件
- 16排列,但有一些数字保持在一个顺序
- 17如何获取桌面位置?
- 18字符串格式:将"%0%1%2"替换为带有0,1,2索引的元组
- 19我可以安全地更改SharedPreferences变量的类型吗?
- 20如何使用JQuery更改拖动事件上光标的图像侧
DevBox开发工具箱 | 专业的在线开发工具网站 京公网安备 11010802040832号 | 京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有