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

jquery 实现ajax

 
阅读更多

  1. <%@WebHandlerLanguage= "C#" Class= "Handler" %>
  2. usingSystem;
  3. usingSystem.Web;
  4. usingSystem.Web.Script.Serialization;
  5. usingSystem.Collections.Generic;
  6. public class Handler:IHttpHandler{
  7. public void ProcessRequest(HttpContextcontext){
  8. context.Response.ContentType= "text/plain" ;
  9. Personp1= new Person{Age= "22" ,Name= "tom" };
  10. Personp2= new Person{Age= "23" ,Name= "jim" };
  11. Personp3= new Person{Age= "24" ,Name= "lilei" };
  12. IList<Person>persons= new List<Person>{p1,p2,p3};
  13. JavaScriptSerializerjs= new JavaScriptSerializer();
  14. strings=js.Serialize(persons);
  15. context.Response.Write(s);
  16. }
  17. public class Person
  18. {
  19. public stringName{get;set;}
  20. public stringAge{get;set;}
  21. }
  22. public boolIsReusable{
  23. get{
  24. return false ;
  25. }
  26. }
  27. }

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

客户端:

  1. <!DOCTYPEhtmlPUBLIC "-//W3C//DTDXHTML1.0Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
  3. <htmlxmlns= "http://www.w3.org/1999/xhtml" >
  4. <head>
  5. <title></title>
  6. <scriptsrc= "../myjs/jquery-1.4.2.js" type= "text/javascript" ></script>
  7. <scripttype= "text/javascript" >
  8. $.get( "Handler.ashx" , function (data){
  9. var persons=$.parseJSON(data);
  10. $.each(persons, function (key,person){
  11. alert( "Age:" +person.Age+ "Name:" +person.Name)});
  12. });
  13. </script>
  14. </head>
  15. <body>
  16. </body>
  17. </html>

分享到:
评论

相关推荐

    struts2+json+jquery实现ajax数据的存取

    "Struts2+JSON+jQuery实现Ajax数据的存取"就是一个典型的示例,它结合了强大的MVC框架Struts2、轻量级的数据交换格式JSON以及高效的前端库jQuery,以实现网页上的无刷新数据交互。下面将详细介绍这三个技术及其在...

    jquery 实现ajax用户登陆 php

    本篇文章将详细讲解如何使用jQuery实现Ajax用户登录功能并与PHP服务器进行交互。 一、jQuery的Ajax函数 jQuery的$.ajax()函数是实现Ajax请求的基础,它的基本用法如下: ```javascript $.ajax({ url: 'login....

    jquery实现ajax上传文件asp.net版

    在jQuery实现Ajax上传文件时,通常会结合HTML表单和FormData对象。表单用来收集用户选择的文件,FormData则用于封装这些文件以便通过Ajax发送。以下是一个简单的HTML表单示例: ```html 上传 ``` 接下来,...

    Java通过jQuery实现ajax异步请求

    本示例工程"Java通过jQuery实现ajax异步请求"着重展示了如何利用jQuery的AJAX功能与后端Java服务器进行数据通信,从而实现页面的无刷新更新。以下将详细解释这个过程中涉及的关键知识点。 首先,jQuery是一个强大的...

    springmvc利用jquery实现ajax的例子

    以上就是使用Spring MVC和jQuery实现Ajax的基本步骤。在实际开发中,你可能还需要处理更多细节,如错误处理、数据验证、页面局部刷新等。通过这种方式,你可以构建出更加动态、响应式的Web应用。

    Jquery实现ajax三级联动

    在网页开发中,"Jquery实现ajax三级联动"是一个常见的需求,主要用于动态更新页面内容,如下拉框的联动选择。这种技术可以提高用户体验,减少不必要的页面刷新。在这个场景中,我们将探讨如何利用jQuery和Ajax技术...

    Asp.net 用jQuery 实现Ajax的效果方法

    在Asp.net开发中,利用jQuery实现Ajax效果可以极大地提升用户体验,因为它允许页面部分更新而无需刷新整个页面。Ajax(Asynchronous JavaScript and XML)技术通过异步方式与服务器通信,使得用户界面更加流畅和响应...

    jsp中使用jquery实现ajax源码

    5. **在JSP中使用jQuery实现AJAX步骤**: - 引入jQuery库:在JSP页面中通过`&lt;script&gt;`标签引入jQuery库,通常从CDN(内容分发网络)获取。 - 创建AJAX请求:使用jQuery的AJAX方法,定义请求的URL、数据、成功和...

    通过Jquery实现Ajax传值.rar

    本示例“通过Jquery实现Ajax传值.rar”着重讲解如何在MVC(Model-View-Controller)架构中利用jQuery的Ajax功能来传递数据,避免了传统表单提交带来的页面刷新问题。 首先,理解MVC模式是至关重要的。MVC是一种软件...

    Struts2整合jQuery实现Ajax功能

    ### Struts2整合jQuery实现Ajax功能 #### 一、引言 随着Web应用程序的发展,用户对交互性和响应速度的要求越来越高。传统的Web表单提交方式已无法满足这些需求,因此Ajax技术逐渐成为提升用户体验的重要手段之一。...

    jquery实现Ajax定时局部页面刷新

    ### jQuery 实现 AJAX 定时局部页面刷新 #### 背景介绍 在现代Web开发中,用户体验至关重要。用户往往不希望每次查看新数据时都必须手动刷新整个页面。为了解决这一问题,并提高用户体验,我们可以利用AJAX技术实现...

    Struts2整合jQuery实现Ajax功能.doc

    总结来说,Struts2整合jQuery实现Ajax功能,可以让前端和后端之间进行无缝通信,提供更加动态的用户体验。通过使用jQuery简化Ajax操作,开发者可以专注于业务逻辑而不是繁琐的异步请求处理。同时,Struts2的Action...

    JQuery实现ajax上传文件示例源码20121029

    JQuery实现ajax上传文件示例源码 源码描述: url用来指定后台处理的程序,fileElementId指的是文件选择框的ID,dataType用来指定返回的数据格式,支持xml、script、json和html。 返回的json的格式最简单:{error:'...

    用jquery实现ajax检测用户名.zip

    在这个提供的压缩包文件中,"ajaxdemo01.rar"可能包含了实现上述功能的示例代码,而"用jquery实现ajax检测用户名.txt"则可能包含了更详细的解释或示例说明。通过解压和查看这些文件,你可以得到更直观的理解和实践...

    PHP + jQuery实现ajax文件即时上传 预览 配套资源

    以下是对每个文件及其在实现此功能中作用的详细解释: ...以上就是使用PHP和jQuery实现Ajax文件即时上传和预览的基本流程。这种技术在现代Web应用中广泛使用,提高了用户体验,使文件上传变得更加流畅和直观。

    使用jquery实现ajax分页含源码

    综上所述,使用jQuery实现AJAX分页涉及到DOM操作、AJAX请求和事件处理。通过合理的代码组织和良好的用户体验设计,可以创建出高效且用户友好的分页系统。提供的源码将帮助你更好地理解和应用这些概念。

    哈尔滨php课堂实录_php实现验证码图_用jQuery实现ajax验证_源码

    **jQuery实现AJAX验证** 在前端,我们可以利用jQuery的AJAX功能来实现无刷新的验证码验证。当用户输入验证码后,AJAX请求会将输入值发送到服务器,服务器检查输入值与生成的验证码是否匹配。以下是实现步骤: 1. **...

    Jquery实现ajax二级级联查询

    本主题聚焦于“Jquery实现ajax二级级联查询”,这是一个常见的前端交互设计,常见于下拉菜单联动,例如省份选择后自动更新城市选择。在这个场景中,我们通常会利用服务器端(如JSP或Servlet)动态生成XML文件,因为...

    Struts2 + jQuery 实现ajax.txt

    在Web开发领域,使用Struts2框架结合jQuery实现Ajax交互是一种常见的做法。这种组合不仅可以提高Web应用程序的响应速度,还能显著提升用户体验。本文将详细介绍如何通过Struts2、Hibernate、Spring以及jQuery等技术...

    采用Json、Jquery实现Ajax案例

    在"采用Json、Jquery实现Ajax案例"中,我们可以学习到以下几个关键知识点: 1. **JSON数据格式**:理解JSON的基本结构,包括对象(键值对,用花括号{}包围)和数组(有序集合,用方括号[]包围)。例如: ``` { ...

Global site tag (gtag.js) - Google Analytics