• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >ASP.NET > asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码

asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了jquery ajax asp.net,ajax实例 asp.net,安装asp.net ajax,json asp.net,jquery asp.net等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

        //翻页调用
        function PageCallback(index, jq) {
            InitTable(index);
        }

        //请求数据
        function InitTable(pageIndex) {
            $.ajax({
                type: "POST",
                dataType: "json",
                url: 'SupplyAJAX.aspx',      //提交到一般处理程序请求数据
                data: "type=show&random=" + Math.random() + "&pageIndex=" + (pageIndex + 1) + "&pageSize=" + pageSize, //提交两个参数:pageIndex(页面索引),pageSize(显示条数)   
                error: function () { alert('error data'); },  //错误执行方法 
                success: function (data) {
                    $("#Result tr:gt(0)").remove();        //移除Id为Result的表格里的行,从第二行开始(这里根据页面布局不同页变)
                    var json = data; //数组
                    var html = "";
                    $.each(json.data, function (index, item) {
                        //循环获取数据 
                        var id = item.Id;
                        var name = item.Name;
                        var sex = item.Sex;
                        html += "<tr><td>" + id + "</td><td>" + name + "</td><td>" + sex + "</td></tr>";
                    });
                    $("#Result").append(html);             //将返回的数据追加到表格
                }
            });
        }
    });
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <table id="Result" cellspacing="0" cellpadding="0">
        <tr>
            <th>
                编号
            </th>
            <th>
                姓名
            </th>
            <th>
                性别
            </th>
        </tr>
    </table>
    <div id="Pagination">
    </div>
    </form>
</body>
</html>
</div>
using System.C

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • ASP.NET使用ajax实现分页局部刷新页面功能
  • asp.net线程批量导入数据时通过ajax获取执行状态
  • .net jquery绘制自定义表单源码分享
  • .net jquery绘制自定义表单源码分享
  • ASP.NET配合jQuery解决跨域调用的问题
  • ASP.NET中JQuery+AJAX调用后台
  • ASP.NET基于Ajax的Enter键提交问题分析
  • ASP.NET搭配Ajax实现搜索提示功能
  • 简单好用的ASP.NET分页类(支持AJAX、自定义文字)
  • Ajax+asp.net实现用户登陆

相关文章

  • 2017-05-11subsonic3.0插件更新字符串过长引发的异常修复方法
  • 2017-05-11asp.net GridView 中增加记录的方法
  • 2017-05-11asp.net中文件下载功能的实例代码
  • 2017-05-11asp.net服务器端指令include的使用及优势介绍
  • 2017-05-11ASP.NET的适配器设计模式(Adapter)应用详解
  • 2017-05-11使用SNK密钥文件保护你的DLL和代码不被反编译教程
  • 2017-05-11Asp.Net Oracle数据的通用操作类
  • 2017-05-11ASP.NET 中的Application详解
  • 2017-05-11ASP.NET中集成百度编辑器UEditor
  • 2017-05-11asp.net字符串分割函数使用方法分享

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • CheckBox为CheckBoxList实现全选或全取消选择(js代码实现)
    • 支持ASP.NET MVC、WebFroM的表单验证框架ValidationSuar使用介绍
    • NET 弹出页面窗口选择返回值
    • asp.net下实现支持文件分块多点异步上传的 Web Services
    • .NET Core系列之MemoryCache 缓存过期
    • 在Apache环境下成功的运行ASP.NET的注意事项
    • GridView使用CommandField删除列实现删除时提示确认框
    • asp.net下将页面内容导入到word模板中的方法
    • ASP.NET使用gridview获取当前行的索引值
    • asp.net使用npoi读取excel模板并导出下载详解

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有