zoukankan      html  css  js  c++  java
  • 后台返回json数据,前台显示代码

    List list = "从DAL获取的数据集合"

    //取出分页标签html

    int pageIndex = context.Request["pageIndex"] == null ? 1 : int.Parse(context.Request["pageIndex"]);

    int totalCount = 从DAL获取的总数据个数

    //分页标签

    string strNav = ShowPageNavigate(10,pageIndex,totalCount);//后台分页方法

    //当前页数据

    var pageData = dbContext.表名.OrderBy<表名,int>(b=>b.Id).skip<表名>((pageIndex - 1) * 10).Take<表名>(10);//从数据库中取出前十条数据

    //封装数据到前台

    var data = new {Nav = strNav,rows = PageData};//匿名类

    System.Web.Script.Serialization.JavaScriptSerializer javaScriptSerializer = new JavaScriptSerializer();

    string strJson = javaScriptSerializer.Serialize(list);

    context.Response.write(strJson);

    //上面的匿名类相当于

    public class

    {

      

    }

    //前台接收值样例

    $(function(){

      initTableList("");

    })

    function initTableList(queryParam){

      $.getJSON("请求页面",queryParam,function(data){

      $(".dataTr").remove();//加载前先清理tr标签

    if(data.Rows.length > 0)

    {

      var strTrs = "";

    for(var i = 0;i<data.Rows.length;i++)

    {

    var branch = data.Rows[i];//获取返回json中的值

      //获取值拼接tr标签

    var strTr = "<tr class = 'dataTr'>";

    strTr += "<td>" + branch .id + "</td>";

    strTrs + = strTr;

    }

    $("#table").append(strTrs);

    }

    //处理分页导航标签

    $("#pagediv").append(data.Nav);

    bindNavLinkClick();//调用时一定要注意是:在div里面的超级链接加载完了之后再去绑定点击事件

    })

    }

    fucntion bindNavLinkClick()

    {

      $(".pageLink").click(function(){

      var hrefStr = $(this).attr("href");

    var param = hrefStr.substring(hrefStr.indexOf("?") + 1,hrefStr.length)

    initTableList(param);

    return false;//不让页面跳转

    })

    }

  • 相关阅读:
    Git centos 6.5 搭建(gitosis)
    error at ::0 can't find referenced pointcut xxx
    MySql 主从配置
    svn 搭建
    Flatbuffers学习
    python3 获取函数变量
    pyqt5 重启相同线程错误:QThread: Destroyed while thread is still running
    WIN10 使用注册表设置单应用KIOSK模式(不限win10版本)
    WIN10 使用POWERSHELL 设置单应用KIOSK模式(win10家庭版或企业版)
    py文件加密打包成exe文件
  • 原文地址:https://www.cnblogs.com/taomylife/p/3295647.html
Copyright © 2011-2022 走看看