zoukankan      html  css  js  c++  java
  • 0000000

    <table class="table table-border table-bordered table-bg table-hover table-sort">
                            <thead>
                                <tr class="text-c">
                                    <th>编号</th>
                                    <th>标题</th>
                                    <th>时间</th>
                                    <th>摘要</th>
                                   <th>操作 </th>
                                    
                                </tr>
                            </thead>
                            <tbody id="nr">
                                <!--<tr class="text-c">
                            
                        </tr>-->
                            </tbody>
                        </table>
                        <div id="xinxi"></div>
    --------------------------------------
    <script type="text/javascript">
    			var page = 1;
    			var title = "";
    			$(document).ready(function() {
    				load();
    			});
    	
    		/*读取----------*/	
    		function load(){
    				$.ajax({
    					async:false,
    					type: "post",
    					url: "click",
    					data: {
    					page:page,
    					title:title,
    					},
    					dataType: "json",
    					success: function(data) {
    						var str = "";
    						for(var k in data) {
    						str += "<tr class='text-c'><td>" + data[k].id + "</td><td>" + data[k].title + "</td><td>" + data[k].time + "</td><td>" + data[k].abs + "</td><td><span class='caozuo' onclick="tail('"+ data[k].id +"')">详情</span>   <span class='caozuo' onclick="disable('"+ data[k].id +"')">删除</span> </td></tr>";
    						}
    						$("#nr").html(str);
    					}
    				});
    				var str = "";
    				var minys = 1;
    				var maxys = 1;
    
    				//查总页数
    				$.ajax({
    					url: "page",
    					data: {
    					title:title,
    					},
    					type: "POST",
    					dataType: "TEXT",
    					success: function(d) {
    						var arr = d.split('2');
    						maxys = parseInt(arr[0]);
    						$("#allNum").html(maxys);
    						$("#allData").html(arr[1]);
    						str += "<ul class='pagination'><li id='next'>下一页</li>";
    						
    						for(var i = page + 2; i > page - 3; i--) {
    							if(i >= minys && i <= maxys) {
    								if(i == page) {
    									str += " <li class='activeP dangqian' bs='" + i + "'>" + i + "</li>  ";
    								} else {
    									str += "<li bs='" + i + "' class='list'>" + i + "</li> ";
    								}
    
    							}
    						}
    
    						str += "<li id='prev'>上一页</li></ul>";
    
    						$("#xinxi").html(str);
    
    						//给上一页添加点击事件
    						$("#prev").click(function() {
    							page = page - 1;
    							if(page < 1) {
    								page = 1;
    							}
    							load(); //加载数据
    
    						})
    						//给下一页加点击事件
    						$("#next").click(function() {
    							page = page + 1;
    							if(page > maxys) {
    								page = maxys;
    							}
    							load(); //加载数据
    						})
    						//给中间的列表加事件
    						$(".list").click(function() {
    							page = parseInt($(this).attr("bs"));
    							load(); //加载数据
    						})
    					}
    				});
    
    			}
    		/*-------------------*/
    		
    		</script>
    
  • 相关阅读:
    xftp,winscp显示隐藏文件
    今日校园-打卡
    dungeon quest(又名暗黑遗迹,勇闯地下城等)装备体系简述
    frp转发
    虚拟机win10添加新磁盘
    JEECG(一) 如何配置自己的业务包
    C# 获取Url 请求方式 域名 端口 路径
    js url 参数 转换成 json 对象数据
    VisualStudio2017 远程 调试 IIS 服务器 web网站
    c# MVC Action 如何知道 发送方给你的 Json 数据的格式内容是什么
  • 原文地址:https://www.cnblogs.com/yi11/p/7460910.html
Copyright © 2011-2022 走看看