-
<%@WebHandlerLanguage=
"C#"
Class=
"Handler"
%>
-
-
usingSystem;
-
usingSystem.Web;
-
usingSystem.Web.Script.Serialization;
-
usingSystem.Collections.Generic;
-
public
class
Handler:IHttpHandler{
-
-
public
void
ProcessRequest(HttpContextcontext){
-
context.Response.ContentType=
"text/plain"
;
-
Personp1=
new
Person{Age=
"22"
,Name=
"tom"
};
-
Personp2=
new
Person{Age=
"23"
,Name=
"jim"
};
-
Personp3=
new
Person{Age=
"24"
,Name=
"lilei"
};
-
IList<Person>persons=
new
List<Person>{p1,p2,p3};
-
JavaScriptSerializerjs=
new
JavaScriptSerializer();
-
strings=js.Serialize(persons);
-
context.Response.Write(s);
-
}
-
-
public
class
Person
-
{
-
public
stringName{get;set;}
-
public
stringAge{get;set;}
-
}
-
public
boolIsReusable{
-
get{
-
return
false
;
-
}
-
}
-
-
}
先实例化了三个person对象,然后放到一个集合中,最后把这个集合序列化成字符串流到客户端;
客户端:
-
<!DOCTYPEhtmlPUBLIC
"-//W3C//DTDXHTML1.0Transitional//EN"
-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
-
-
<htmlxmlns=
"http://www.w3.org/1999/xhtml"
>
-
<head>
-
<title></title>
-
-
<scriptsrc=
"../myjs/jquery-1.4.2.js"
type=
"text/javascript"
></script>
-
<scripttype=
"text/javascript"
>
-
$.get(
"Handler.ashx"
,
function
(data){
-
var
persons=$.parseJSON(data);
-
$.each(persons,
function
(key,person){
-
alert(
"Age:"
+person.Age+
"Name:"
+person.Name)});
-
});
-
</script>
-
</head>
-
<body>
-
-
</body>
-
</html>
分享到:
相关推荐
"Struts2+JSON+jQuery实现Ajax数据的存取"就是一个典型的示例,它结合了强大的MVC框架Struts2、轻量级的数据交换格式JSON以及高效的前端库jQuery,以实现网页上的无刷新数据交互。下面将详细介绍这三个技术及其在...
本篇文章将详细讲解如何使用jQuery实现Ajax用户登录功能并与PHP服务器进行交互。 一、jQuery的Ajax函数 jQuery的$.ajax()函数是实现Ajax请求的基础,它的基本用法如下: ```javascript $.ajax({ url: 'login....
在jQuery实现Ajax上传文件时,通常会结合HTML表单和FormData对象。表单用来收集用户选择的文件,FormData则用于封装这些文件以便通过Ajax发送。以下是一个简单的HTML表单示例: ```html 上传 ``` 接下来,...
本示例工程"Java通过jQuery实现ajax异步请求"着重展示了如何利用jQuery的AJAX功能与后端Java服务器进行数据通信,从而实现页面的无刷新更新。以下将详细解释这个过程中涉及的关键知识点。 首先,jQuery是一个强大的...
以上就是使用Spring MVC和jQuery实现Ajax的基本步骤。在实际开发中,你可能还需要处理更多细节,如错误处理、数据验证、页面局部刷新等。通过这种方式,你可以构建出更加动态、响应式的Web应用。
在网页开发中,"Jquery实现ajax三级联动"是一个常见的需求,主要用于动态更新页面内容,如下拉框的联动选择。这种技术可以提高用户体验,减少不必要的页面刷新。在这个场景中,我们将探讨如何利用jQuery和Ajax技术...
在Asp.net开发中,利用jQuery实现Ajax效果可以极大地提升用户体验,因为它允许页面部分更新而无需刷新整个页面。Ajax(Asynchronous JavaScript and XML)技术通过异步方式与服务器通信,使得用户界面更加流畅和响应...
5. **在JSP中使用jQuery实现AJAX步骤**: - 引入jQuery库:在JSP页面中通过`<script>`标签引入jQuery库,通常从CDN(内容分发网络)获取。 - 创建AJAX请求:使用jQuery的AJAX方法,定义请求的URL、数据、成功和...
本示例“通过Jquery实现Ajax传值.rar”着重讲解如何在MVC(Model-View-Controller)架构中利用jQuery的Ajax功能来传递数据,避免了传统表单提交带来的页面刷新问题。 首先,理解MVC模式是至关重要的。MVC是一种软件...
### Struts2整合jQuery实现Ajax功能 #### 一、引言 随着Web应用程序的发展,用户对交互性和响应速度的要求越来越高。传统的Web表单提交方式已无法满足这些需求,因此Ajax技术逐渐成为提升用户体验的重要手段之一。...
### jQuery 实现 AJAX 定时局部页面刷新 #### 背景介绍 在现代Web开发中,用户体验至关重要。用户往往不希望每次查看新数据时都必须手动刷新整个页面。为了解决这一问题,并提高用户体验,我们可以利用AJAX技术实现...
总结来说,Struts2整合jQuery实现Ajax功能,可以让前端和后端之间进行无缝通信,提供更加动态的用户体验。通过使用jQuery简化Ajax操作,开发者可以专注于业务逻辑而不是繁琐的异步请求处理。同时,Struts2的Action...
JQuery实现ajax上传文件示例源码 源码描述: url用来指定后台处理的程序,fileElementId指的是文件选择框的ID,dataType用来指定返回的数据格式,支持xml、script、json和html。 返回的json的格式最简单:{error:'...
在这个提供的压缩包文件中,"ajaxdemo01.rar"可能包含了实现上述功能的示例代码,而"用jquery实现ajax检测用户名.txt"则可能包含了更详细的解释或示例说明。通过解压和查看这些文件,你可以得到更直观的理解和实践...
以下是对每个文件及其在实现此功能中作用的详细解释: ...以上就是使用PHP和jQuery实现Ajax文件即时上传和预览的基本流程。这种技术在现代Web应用中广泛使用,提高了用户体验,使文件上传变得更加流畅和直观。
综上所述,使用jQuery实现AJAX分页涉及到DOM操作、AJAX请求和事件处理。通过合理的代码组织和良好的用户体验设计,可以创建出高效且用户友好的分页系统。提供的源码将帮助你更好地理解和应用这些概念。
**jQuery实现AJAX验证** 在前端,我们可以利用jQuery的AJAX功能来实现无刷新的验证码验证。当用户输入验证码后,AJAX请求会将输入值发送到服务器,服务器检查输入值与生成的验证码是否匹配。以下是实现步骤: 1. **...
本主题聚焦于“Jquery实现ajax二级级联查询”,这是一个常见的前端交互设计,常见于下拉菜单联动,例如省份选择后自动更新城市选择。在这个场景中,我们通常会利用服务器端(如JSP或Servlet)动态生成XML文件,因为...
在Web开发领域,使用Struts2框架结合jQuery实现Ajax交互是一种常见的做法。这种组合不仅可以提高Web应用程序的响应速度,还能显著提升用户体验。本文将详细介绍如何通过Struts2、Hibernate、Spring以及jQuery等技术...
在"采用Json、Jquery实现Ajax案例"中,我们可以学习到以下几个关键知识点: 1. **JSON数据格式**:理解JSON的基本结构,包括对象(键值对,用花括号{}包围)和数组(有序集合,用方括号[]包围)。例如: ``` { ...