Jquery实现局部刷新的代码一例(c#版)

发布时间:2019-10-12编辑:脚本学堂
本文介绍下,用Jquery实现页面局部刷新的一个例子,有需要的朋友参考下吧。

具体实现方法如下文。

首先,引用System.Web.Script.Serialization。
创建一个名为Handler1.ashx的处理程序。
代码如下:
 

复制代码 代码示例:

javascriptSerializer jss = new JavaScriptSerializer(); //实例化一下
person p1 = new person();
p1.name = "张三";
p1.age = "20";
person p2 = new person();
p2.name = "李四";
p2.age = "26";

//实例化一个list类型,也可以理解为是一个多维数组
List<person> persons = new List<person>();

persons.Add(p1);
persons.Add(p2);

//序列化list
string json=  jss.Serialize(persons);
context.Response.Write(json);

然后,再在一般处理程序里面创建一个类。
 

复制代码 代码示例:
public class person
{
  public string name { get; set; }
  public string age { get; set; }
 }

以下是html代码部分:
 

复制代码 代码示例:
<script src="jquery-1.6.1.js" type="text/javascript"></script>
<script type="text/javascript">
//向服务器发送post请求,data代表返回的数据,status代表状态
//Handler1.ashx代表把数据传到那个地方处理
$.post("Handler1.ashx", function(data,Status){
   if(Status=="success"){  //判断是否成功并且返回数据
     var ab=$.parseJSON(data);  //把返回的数据反序列化
      var a=ab[0];
      var b=ab[1];
      alert(a.name+"|"+a.age+"|"+b.name+"|"+b.age);
    }
})
</script>

由此便实现了C#代码中的局部刷新功能,希望对大家有所帮助。