`
yangbinfc
  • 浏览: 46334 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery 实现ajax

 
阅读更多 

    

  1. 
<%@WebHandlerLanguage=
"C#"

Class=
"Handler"

%> 


    2. 

  2. 


    3. 

  3. 
usingSystem; 

    4. 

  4. 
usingSystem.Web; 

    5. 

  5. 
usingSystem.Web.Script.Serialization; 

    6. 

  6. 
usingSystem.Collections.Generic; 

    7. 

  7. 
public



class


Handler:IHttpHandler{ 

    8. 

  8. 
 

    9. 

  9. 

public



void


ProcessRequest(HttpContextcontext){ 

    10. 

  10. 
context.Response.ContentType=
"text/plain"

; 

    11. 

  11. 
Personp1=
new


Person{Age=
"22"

,Name=
"tom"

}; 

    12. 

  12. 
Personp2=
new


Person{Age=
"23"

,Name=
"jim"

}; 

    13. 

  13. 
Personp3=
new


Person{Age=
"24"

,Name=
"lilei"

}; 

    14. 

  14. 
IList<Person>persons=
new


List<Person>{p1,p2,p3}; 

    15. 

  15. 
JavaScriptSerializerjs=
new


JavaScriptSerializer(); 

    16. 

  16. 
strings=js.Serialize(persons); 

    17. 

  17. 
context.Response.Write(s); 

    18. 

  18. 
} 

    19. 

  19. 


    20. 

  20. 

public



class


Person 

    21. 

  21. 
{ 

    22. 

  22. 

public


stringName{get;set;} 

    23. 

  23. 

public


stringAge{get;set;} 

    24. 

  24. 
} 

    25. 

  25. 

public


boolIsReusable{ 

    26. 

  26. 
get{ 

    27. 

  27. 

return



false


; 

    28. 

  28. 
} 

    29. 

  29. 
} 

    30. 

  30. 


    31. 

  31. 
} 

    32.

先实例化了三个person对象，然后放到一个集合中，最后把这个集合序列化成字符串流到客户端;

客户端：

    

  1. 
<!DOCTYPEhtmlPUBLIC
"-//W3C//DTDXHTML1.0Transitional//EN"



    2. 

  2. 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

> 


    3. 

  3. 


    4. 

  4. 
<htmlxmlns=
"http://www.w3.org/1999/xhtml"

> 

    5. 

  5. 
<head> 

    6. 

  6. 
<title></title> 

    7. 

  7. 


    8. 

  8. 
<scriptsrc=
"../myjs/jquery-1.4.2.js"

type=
"text/javascript"

></script> 

    9. 

  9. 
<scripttype=
"text/javascript"

> 

    10. 

  10. 
$.get(
"Handler.ashx"

,
function


(data){ 

    11. 

  11. 

var


persons=$.parseJSON(data); 

    12. 

  12. 
$.each(persons,
function


(key,person){ 

    13. 

  13. 
alert(
"Age:"

+person.Age+
"Name:"

+person.Name)}); 

    14. 

  14. 
}); 

    15. 

  15. 
</script> 

    16. 

  16. 
</head> 

    17. 

  17. 
<body> 

    18. 

  18. 


    19. 

  19. 
</body> 

    20. 

  20. 
</html> 
    

    21.

分享到：
| 内省和自省 反射
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics