ajax分页借鉴
大家好这是我分页是用的代码希望大家可以相互交流ajax局部刷新
var pageindex = 1;
var where = "";
var Pname = "";
var sex = "";
$("#sele").click(function () {
Pname = $("#Pname").val();
sex = $("#sex").val();
where = " Pname like'%" + Pname + "%'";
if (sex != "") {
where += " and Sex=" + sex + ""
}
Show(pageindex, where);
})
Show(pageindex, where);
function Show(pageindex, where) {
var pagesize = 2;
$.ajax({
type: "get",
dataType: "json",
url: "/Home/show",
data: { pageindex: pageindex, pagesize: pagesize, where: where },
success: function (data) {
var add = "";
var infor = eval(data);
$("#Showinfor").empty();
for (var i = 0; i < infor.list.length; i++) {
add += "<tr><td>" + infor.list[i].Pid + "</td>";
add += "<td>" + infor.list[i].Pname + "</td>";
add += "<td>" + infor.list[i].Sex + "</td>";
add += "<td>" + infor.list[i].Age + "</td>";
add += "<td>" + infor.list[i].Pboy + "</td>";
add += "<td>" + infor.list[i].Xname + "</td>";
add += "<td><a href='#'>删除</a>  <a href='#'>修改</a></td></tr>";
}
$("#Showinfor").append(add);
fen(infor.count, pagesize);
$("td").attr("align", "center")
}
})
}
function fen(count, pagesize) {
//Pname = $("#Pname").val();
//sex = $("#sex").val();
//where = " Pname like'%" + Pname + "%'";
//if (sex != "") {
// where += " and Sex=" + sex + ""
//}
$("#yema").empty();
var ye = Math.ceil(count / pagesize);
var str = "";
for (var i = 1; i <= ye; i++) {
str += '<a href="#" style="margin-left:5px;" onclick="Show('+i+', where)">' + i + '</a>';
}
str += "____ 共" + count + "条"
$("#yema").append(str);
}
ajax分页借鉴的更多相关文章
- MvcPager 概述 MvcPager 分页示例 — 标准Ajax分页 对SEO进行优化的ajax分页 (支持asp.net mvc)
该示例演示如何使用MvcPager最基本的Ajax分页模式. 使用AjaxHelper的Pager扩展方法来实现Ajax分页,使用Ajax分页模式时,必须至少指定MvcAjaxOptions的Upda ...
- [jQuery]jQuery DataTables插件自定义Ajax分页实现
前言 昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分 ...
- ThinkPHP 整合Bootstrap Ajax分页
ThinkPHP Ajax分页代码 publicfunction index() { $where=array(); $name = I('name'); if(!empty($name)){ $wh ...
- yii2的分页和ajax分页
要想使用Yii分页类第一步:在控制器层加载分页类 use yii\data\Pagination;第二步: 使用model层查询数据,并用分分页,限制每页的显示条数$data = User::find ...
- [js开源组件开发]ajax分页组件
ajax分页组件 我以平均每一周出一个开源的js组件为目标行动着,虽然每个组件并不是很庞大,它只完成某一个较小部分的工作,但相信,只要有付出,总会得到回报的.这个组件主要完成分页的工作. 这张图里显示 ...
- MVC - 11(下)jquery.tmpl.js +ajax分页
继续 mvc-11(上).dto:http://www.cnblogs.com/tangge/p/3840060.html jquery.tmpl.js 下载:http://pan.baidu.com ...
- laraver ajax分页
,设置分页容器参考laraver手册 我的设置代码如下: ,控制器调用的方法:代码如下 ); include($path); $content = ob_get_cle ...
- PHP+jQuery 长文章分页类 ( 支持 url / ajax 分页方式 )
/* ******* 环境:Apache2.2.8 ( 2.2.17 ) + PHP5.2.6 ( 5.3.3 ) + MySQL5.0.51b ( 5.5.8 ) + jQuery-1.8 **** ...
- PHP+jQuery 列表分页类 ( 支持 url 分页 / ajax 分页 )
/* ******* 环境:Apache2.2.8 ( 2.2.17 ) + PHP5.2.6 ( 5.3.3 ) + MySQL5.0.51b ( 5.5.8 ) + jQuery-1.8.3.mi ...
随机推荐
- Django中数据库表的关联与创建(语言:python)
首先选择选用的数据库,(本人选用django(1.11.8版本)) 在主项目settings中操作如下: DATABASES = { 'default': { 'ENGINE': 'django.db ...
- 一个基于原生JavaScript开发的、轻量的验证码生成插件
Vcode.js 一个基于原生JavaScript开发的.轻量的验证码生成插件 V: 1.0.0 DEMO:https://jofunliang.github.io/Vcode.js/example. ...
- 盒子模型、IFC、BFC和Collapsing margins
前言 盒子模型作为CSS基础中的基础,曾一度以为掌握了IE和W3C标准下的块级盒子模型即可,但近日在学习行级盒子模型时发现原来当初是如此幼稚可笑.本文尝试全面叙述块级.行级盒子模型的特性.作为近日学习 ...
- springboot+redis实现分布式session共享
官方文档,它是spring session项目的redis相关的一个子文档:https://docs.spring.io/spring-session/docs/2.0.0.BUILD-SNAPSHO ...
- mybatis数据源源码剖析(JNDI、POOLED、UNPOOLED)
http://blog.csdn.net/reliveit/article/details/47325189
- 『个人の笔记』百度ife
✄--------------------------------------------task1分割线--------------------------------------------✄ 百 ...
- 2. Java面向对象之泛型-构造方法中使用
package generic; class Construtgeneric<T> { private T value; public Construtgeneric(T value) { ...
- java 基础之 反射技术
1. java代码 在 java 语言中最核心的就是代码的运行, 按照面向对象的思想,在调用java代码时往往需要先创建对象,再调用方法, 而写在方法中的即所谓的java 代码 一段java代码在程序 ...
- css布局-双飞翼布局
<div class="header">Header</div> <div class="bd"> <div clas ...
- 在Windows Server 2008 R2下搭建jsp环境(三)-Tomcat的下载安装
1.百度搜索"Tomcat官网",点击有标志的官网进入,准备下载官方正版Tomcat. 2.进入Tomcat官网之后,在左边我们看到,Tomcat的有6,7,8这三个最流行的版本, ...