zoukankan      html  css  js  c++  java
  • 后台使用类将对象序列化为JSon字符串

     
    $.getJSON("Photolist.ashx",function (msg){
    //每次加载之前清空
    $("#content").html("");
    //动态创建table
    var table=$("<table id='pList'></table>");
    //添加表头
    table.append($("<tr><th>序号</th><th>名字</th><th>照片</th><th>点击次数</th><th>支持</th><th>反对</th><th>时间</th><th>操作</th></tr>"));
    for(var i=0;i<msg.length;i++){
    var photo
    =msg[i];
    var tr=$("<tr ></tr>");
    var td=$("<td>"+(i+1)+"</td>");
    tr.append(td);
    var time=new Date().getTime();
    td=$("<td><a href='DetailPhoto.aspx?id="+photo.PId+"&time="+time+"'>"+photo.PTitle+"</a></td>");
    tr.append(td);

    td =$("<td><img src='ImgSmall.ashx?img=" + photo.PUrl + "' /></td>");
    tr.append(td);

    td=$("<td>"+photo.PClicks+"</td>");
    tr.append(td);

    td=$("<td><a href='' pid='"+ photo.PId +"'><img src='images/85.gif' /></a>(<span>"+photo.PUp+"</span>)</td>");
    tr.append(td);
    //点击支持的事件
    td.children("a").click(function (){
    //防止其他浏览器不支持
    var id=$(this).attr("pid");

    var span=$(this).next();
    //请求一般处理程序,给支持+1
    //Math.random()
    $.get("UpOrDownPhoto.ashx?id=" +id+ "&type=up&time="+ new Date().getTime() ,function (msg){
    if(msg=="1"){
    //成功 更新页面上的span标签中的值
    var n=parseInt(span.text())+1;
    span.text(n);
    }else if(msg=="0"){
    alert("更新失败");
    }
    })
    return false ;

    });

    td=$("<td><a href='' pid='" + photo.PId + "'><img src='images/86.gif' /></a>(<span>"+photo.PDown+"</span>)</td>");
    tr.append(td);
    //为反对添加事件
    td.children("a").click(function (){
    var id=$(this).attr("pid");
    var span=$(this).next();
    //请求一般处理程序反对+1
    $.get("UpOrDownPhoto.ashx?id="+id+"&type=down&time="+new Date().getTime() ,function (msg){
    if(msg=="1"){
    //成功 更新页面上的span标签中的值
    var n=parseInt(span.text())+1;
    span.text(n);
    }else if(msg=="0"){
    alert ("更新失败");
    }
    });
    //不让它转向,刷新
    return false ;
    });

    // td=$("<td >"+ChangeDateFormat(photo.PTime)+"</td>");
    // tr.append(td);

    td=$("<td ><a href='' pid='"+photo.PId+"' url='"+photo.PUrl+"'>删 除</a></td>");
    tr.append(td);
    //添加删除事件
    td.children("a").click(function (){
    var id=$(this).attr("pid");
    var url=$(this).attr("url");
    var link=$(this);
    $.get("DeletePhtoto.ashx?id="+id+"&time="+new Date().getTime(),function(msg){
    if (msg=="1"){
    alert ("删除成功");
    //注意:有评论,即有外键约束的不能删除
    //删除a标签所在的行tr
    //link.parent().parent().remove();
    //删除以后重新加载
    //getpage(pageIndex);
    }else if(msg=="0"){
    alert ("删除失败");
    }

    })
    })
    td=$("<td ><a href='EditPhoto.ashx?id="+photo.PId+"'>删 除</a></td>");
    tr.append(td);
    table.append(tr);

    }
    //table添加到div中
    $("#content").append(table);
    });

    cs:

    public class Photolist : IHttpHandler {

    public void ProcessRequest (HttpContext context) {
    context.Response.ContentType = "text/plain";
    context.Response.Write(GetTable());
    }
    protected string GetTable()
    {
    MyPhotoList.BLL.Photos bll = new MyPhotoList.BLL.Photos();
    List<MyPhotoList.Model.Photos> list = bll.GetModelList("");
    JavaScriptSerializer js = new JavaScriptSerializer();
    return js.Serialize(list);

    }

    使用之前必须添加命名空间using System.Web.Script.Serialization;



  • 相关阅读:
    安卓长按应用图标弹出快捷方式(shortcut)
    网站主题变暗黑,快速解决
    android 11适配的其他注意点
    vue cli3.0构建多页面应用
    Alibaba Canal config 漏洞验证
    检测magiskhide
    Flutter垃圾回收器
    UIbutton 在动画过程中也能响应事件,主要利用layer的hitTest方法
    CocoaPods 私有化
    Android WorkManager使用入门
  • 原文地址:https://www.cnblogs.com/gylspx/p/bhg.html
Copyright © 2011-2022 走看看