废话不多说,给出文件先:
Handler.ashx
代码
<%
@ WebHandler Language
=
"
C#
"
Class
=
"
Handler
"
%>
using
System;
using
System.Web;
using
System.Data;
using
System.Text;
public
class
Handler : IHttpHandler {
public
void
ProcessRequest (HttpContext context) {
/*
context.Response.ContentType = "text/plain";
string data = "[{name:\"fan\",age:26},{name:\"wang\",age:25}]";//构建的json数据
context.Response.Write(data);
*/
DataSet ds
=
new
DataSet();
DataTable dt
=
new
DataTable();
dt.Columns.Add(
"
name
"
,
typeof
(
string
));
dt.Columns.Add(
"
year
"
,
typeof
(
string
));
dt.Columns.Add(
"
avg
"
,
typeof
(
string
));
DataRow tr
=
dt.NewRow();
tr[
"
name
"
]
=
"
张三
"
;
tr[
"
year
"
]
=
"
2005-02-02
"
;
tr[
"
avg
"
]
=
"
男
"
;
dt.Rows.Add(tr);
//
ds.Tables.Add(dt);
DataRow tr2
=
dt.NewRow();
tr2[
"
name
"
]
=
"李四
"
;
tr2[
"
year
"
]
=
"
2007-02-02
"
;
tr2[
"
avg
"
]
=
"
女
"
;
dt.Rows.Add(tr2);
ds.Tables.Add(dt);
context.Response.Clear();
context.Response.ContentEncoding
=
Encoding.UTF8;
context.Response.ContentType
=
"
application/json
"
;
//
Response.Write("{\"success\":true,\"name\":\"张三\",\"year\":\"2009-12-12\"}");
context.Response.Write(getJSON(ds));
context.Response.Flush();
context.Response.End();
}
public
bool
IsReusable {
get
{
return
false
;
}
}
private
static
string
getJSON(DataSet ds)
//
这里调用了JSON帮助文件,jsonHelp.cs 就不放出源码了
{
Json.JSONHelper jsonHelp
=
new
Json.JSONHelper();
jsonHelp.success
=
true
;
//
jsonHelp.totlalCount = getPrjListCount();
jsonHelp.totlalCount
=
ds.Tables[
0
].Rows.Count;
foreach
(DataRow dr
in
ds.Tables[
0
].Rows)
{
jsonHelp.AddItem(
"
name
"
, dr[
"
name
"
].ToString());
jsonHelp.AddItem(
"
avg
"
, dr[
"
avg
"
].ToString());
if
(dr[
"
year
"
]
!=
DBNull.Value)
{
jsonHelp.AddItem(
"
year
"
, Convert.ToDateTime(dr[
"
year
"
]).ToString(
"
yyyy/MM/dd
"
));
}
else
{
jsonHelp.AddItem(
"
year
"
,
string
.Empty);
}
jsonHelp.ItemOk();
}
string
strResult
=
jsonHelp.ToString();
return
strResult;
}
}
test.aspx
代码
<
script src
=
"
js/jquery.js
"
type
=
"
text/javascript
"
language
=
"
javascript
"
><
/
script>
<
script type
=
"
text/javascript
"
>
$(
function
(){
$.getJSON(
"
Handler.ashx
"
,
function
(json){
$.each(json.data,
function
(i){$(
'
#content
'
).append(
"
姓名:
"
+
json.data[i].name
+
"
----性别:
"
+
json.data[i].avg
+
"
----时间:
"
+
json.data[i].year
+
"
<br/>
"
);});
});
});
<
/
script>
<body>
<form id="form1" runat="server">
<div id="content"></div>
</form>
</body>
把Handler.ashx文件内容放入普通aspx文件page_load方法中同样适用
即$.getJSON("ssss.aspx"function(e){});
http://www.cnblogs.com/shshshdy/archive/2010/05/18/1737921.html
分享到:
相关推荐
在这一部分中,将详细解释关于JQuery库中的$.getJSON方法及其实际应用的知识点。...在理解这些知识点时,读者需要对JQuery、JSON、Ajax以及.net后端技术有所了解,才能更好地掌握$.getJSON方法的使用。
总结一下,通过结合使用jQuery的`getJSON`和ASP.NET的`.ashx`处理器,我们可以轻松地实现在C#环境中客户端和服务器之间的数据交互。这不仅适用于简单的数据获取,还可以扩展到更复杂的业务场景,例如分页、过滤、...
总结一下,ASP.NET生成JSON对象主要通过`JavaScriptSerializer`,而jQuery则提供了`$.getJSON()`和`$.ajax()`等方法方便地在客户端读取和处理这些数据。这种方法使得前后端之间的数据交互变得更加简单高效,尤其在...
在jQuery中,可以使用$.ajax、$.getJSON或$.get、$.post等函数来发起对ASP.NET服务器端的AJAX请求。这些函数可以接收JSON数据作为响应,并能方便地将数据绑定到页面元素上。例如,你可以使用$.getJSON来获取ASP.NET...
对于更简单的GET或POST请求,jQuery提供了简化的`$.getJSON()`, `$.get()`, `$.post()`方法,它们是`$.ajax()`的封装,方便快捷地进行数据请求。 综上所述,通过jQuery的AJAX功能,我们可以轻松地在客户端与ASP...
在Web项目开发中,jQuery提供了简便的方法进行异步HTTP请求(AJAX),其中$.get()、$.getJSON()和$.post()是常用的函数,分别用于发送GET、JSON特定格式的GET以及POST请求。然而,开发者可能会遇到请求无法正确返回...
http://wenku.baidu.com/view/3d2b01a93169a4517723a3f3.html Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结 http://zhuanlan.zhihu.com/FrontendMagazine/19854868 基于单个 Div 的 CSS 绘图 ...
2. **jQuery的$.getJSON**:在JavaScript中,使用`$.getJSON`来发起一个AJAX请求,其参数通常包括URL(指向ASHX处理程序的路径)、一个回调函数(当数据加载完成时执行)以及可选的设置参数。回调函数接收三个参数,...
在Asp.Net MVC框架中,jQuery和AJAX的结合使用极大地提升了用户体验,使得网页能够实现异步数据交互,无需刷新整个页面即可完成数据的增删查改操作。本实例将深入探讨如何在Asp.Net MVC项目中应用jQuery与AJAX。 一...
首先,我们使用 `$.getJSON` 方法来加载省份数据,并使用 `$.each` 方法来遍历数据并将其追加到省份下拉框中。然后,我们使用 `change` 事件来监听省份下拉框的值改变,并使用 `$.getJSON` 方法来加载城市数据,并将...
3. **jQuery与AJAX**:探讨jQuery库在AJAX中的作用,学习如何使用jQuery的AJAX方法,如`$.ajax()`, `$.get()`, 和`$.post()`,简化异步操作。 4. **AJAX控件工具箱**:了解ASP.NET AJAX Control Toolkit,这是一个...
除了$.ajax(),jQuery还提供了更简洁的API,如$.get()、$.post()和$.getJSON()。例如,如果你只需要发送一个GET请求,可以使用$.getJSON(): ```javascript $.getJSON('服务器端接口URL', {key: value}, function...
这篇“jQuery基础教程学习”着重讲解了jQuery中的几个关键Ajax方法,包括$.getJSON()、$.getScript()以及$.get(),这些都是jQuery与服务器进行异步数据交换的核心工具。 首先,$.getJSON()方法是jQuery提供的一个...
在实际应用中,可能的场景包括:使用jQuery的$.getJSON()或$.get()方法获取ASP.NET WebService或ASHX返回的JSON数据,然后利用这些数据更新DOM元素;或者使用$.post()方法发送数据到服务器,实现无刷新的表单提交。 ...
在这里,我们将使用jQuery的Ajax方法,如`$.ajax()`或`$.getJSON()`,发送一个HTTP请求到ASP.NET服务器获取分页数据。 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也...
在JavaScript的世界里,jQuery库提供了一种简便的方式来与服务器进行异步交互,这就是$.ajax方法。这个功能强大的函数使得前端开发者无需刷新整个页面就能获取或发送数据,极大地提升了用户体验。本文将深入探讨如何...
在jQuery JSON调用后台的场景中,通常使用`$.getJSON()`或`$.ajax()`的`dataType: 'json'`设置。 ### 使用$.getJSON() ```javascript $.getJSON('url_to_backend', function(data) { // 处理返回的JSON数据 ...
jQuery的$.ajax()或$.getJSON()等函数依然适用。 ```javascript $.ajax({ type: "GET", url: "/YourController/YourAction", success: function (response) { // 处理返回的数据 }, error: function (jqXHR, ...
综上所述,jQuery在.NET环境中的数据传输主要依靠Ajax技术,通过$.ajax()、$.get()、$.post()、$.getJSON()和$.load()等方法实现。在实际项目中,根据需求选择合适的方法,结合.NET Web服务或API,可以高效地实现...
本示例展示了如何使用 `jQuery $.ajax` 发送 GET 请求,并处理服务器端响应。通过封装函数、设置回调以及绑定事件等方式,实现了与用户的交互。此外,还介绍了后台 ASP.NET 的简单实现方式。这对于初学者来说是非常...