`
yfdong21
  • 浏览: 61880 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jquery $.getJSON 与.NET 结合用法推荐

阅读更多

废话不多说,给出文件先:

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 获取json数据$.getJSON方法的实例代码

    在这一部分中,将详细解释关于JQuery库中的$.getJSON方法及其实际应用的知识点。...在理解这些知识点时,读者需要对JQuery、JSON、Ajax以及.net后端技术有所了解,才能更好地掌握$.getJSON方法的使用。

    getJson+ashx实现数据交互(入门级)

    总结一下,通过结合使用jQuery的`getJSON`和ASP.NET的`.ashx`处理器,我们可以轻松地实现在C#环境中客户端和服务器之间的数据交互。这不仅适用于简单的数据获取,还可以扩展到更复杂的业务场景,例如分页、过滤、...

    asp.net生成json对象,jquery读取

    总结一下,ASP.NET生成JSON对象主要通过`JavaScriptSerializer`,而jQuery则提供了`$.getJSON()`和`$.ajax()`等方法方便地在客户端读取和处理这些数据。这种方法使得前后端之间的数据交互变得更加简单高效,尤其在...

    asp.net+jquery_json

    在jQuery中,可以使用$.ajax、$.getJSON或$.get、$.post等函数来发起对ASP.NET服务器端的AJAX请求。这些函数可以接收JSON数据作为响应,并能方便地将数据绑定到页面元素上。例如,你可以使用$.getJSON来获取ASP.NET...

    asp.net 利用jquery-ajax调用后台方法

    对于更简单的GET或POST请求,jQuery提供了简化的`$.getJSON()`, `$.get()`, `$.post()`方法,它们是`$.ajax()`的封装,方便快捷地进行数据请求。 综上所述,通过jQuery的AJAX功能,我们可以轻松地在客户端与ASP...

    jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法

    在Web项目开发中,jQuery提供了简便的方法进行异步HTTP请求(AJAX),其中$.get()、$.getJSON()和$.post()是常用的函数,分别用于发送GET、JSON特定格式的GET以及POST请求。然而,开发者可能会遇到请求无法正确返回...

    .net C# 学习过程中收藏的一些比较有用的和感兴趣的链接

    http://wenku.baidu.com/view/3d2b01a93169a4517723a3f3.html Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结 http://zhuanlan.zhihu.com/FrontendMagazine/19854868 基于单个 Div 的 CSS 绘图 ...

    json+jquery+ashx轻量MVC实例.rar

    2. **jQuery的$.getJSON**:在JavaScript中,使用`$.getJSON`来发起一个AJAX请求,其参数通常包括URL(指向ASHX处理程序的路径)、一个回调函数(当数据加载完成时执行)以及可选的设置参数。回调函数接收三个参数,...

    Asp.Net MVC之jQuery与AJAX操作实例

    在Asp.Net MVC框架中,jQuery和AJAX的结合使用极大地提升了用户体验,使得网页能够实现异步数据交互,无需刷新整个页面即可完成数据的增删查改操作。本实例将深入探讨如何在Asp.Net MVC项目中应用jQuery与AJAX。 一...

    【ASP.NET编程知识】jQuery+Asp.Net实现省市二级联动功能的方法.docx

    首先,我们使用 `$.getJSON` 方法来加载省份数据,并使用 `$.each` 方法来遍历数据并将其追加到省份下拉框中。然后,我们使用 `change` 事件来监听省份下拉框的值改变,并使用 `$.getJSON` 方法来加载城市数据,并将...

    Beginning.Ajax.with.ASP.NET

    3. **jQuery与AJAX**:探讨jQuery库在AJAX中的作用,学习如何使用jQuery的AJAX方法,如`$.ajax()`, `$.get()`, 和`$.post()`,简化异步操作。 4. **AJAX控件工具箱**:了解ASP.NET AJAX Control Toolkit,这是一个...

    基于jQuery的AJAX和JSON的实例.zip

    除了$.ajax(),jQuery还提供了更简洁的API,如$.get()、$.post()和$.getJSON()。例如,如果你只需要发送一个GET请求,可以使用$.getJSON(): ```javascript $.getJSON('服务器端接口URL', {key: value}, function...

    jquery基础教程学习

    这篇“jQuery基础教程学习”着重讲解了jQuery中的几个关键Ajax方法,包括$.getJSON()、$.getScript()以及$.get(),这些都是jQuery与服务器进行异步数据交换的核心工具。 首先,$.getJSON()方法是jQuery提供的一个...

    jQuery与ASP.NET打造AJAX技术

    在实际应用中,可能的场景包括:使用jQuery的$.getJSON()或$.get()方法获取ASP.NET WebService或ASHX返回的JSON数据,然后利用这些数据更新DOM元素;或者使用$.post()方法发送数据到服务器,实现无刷新的表单提交。 ...

    asp.net中利用Jquery+Ajax+Json实现无刷新分页

    在这里,我们将使用jQuery的Ajax方法,如`$.ajax()`或`$.getJSON()`,发送一个HTTP请求到ASP.NET服务器获取分页数据。 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也...

    使用$.Ajax调用后台.aspx

    在JavaScript的世界里,jQuery库提供了一种简便的方式来与服务器进行异步交互,这就是$.ajax方法。这个功能强大的函数使得前端开发者无需刷新整个页面就能获取或发送数据,极大地提升了用户体验。本文将深入探讨如何...

    jquery json 调用后台 案例

    在jQuery JSON调用后台的场景中,通常使用`$.getJSON()`或`$.ajax()`的`dataType: 'json'`设置。 ### 使用$.getJSON() ```javascript $.getJSON('url_to_backend', function(data) { // 处理返回的JSON数据 ...

    Jquery Asp.net AJAX 异步通讯

    jQuery的$.ajax()或$.getJSON()等函数依然适用。 ```javascript $.ajax({ type: "GET", url: "/YourController/YourAction", success: function (response) { // 处理返回的数据 }, error: function (jqXHR, ...

    Jquery传值 mode

    综上所述,jQuery在.NET环境中的数据传输主要依靠Ajax技术,通过$.ajax()、$.get()、$.post()、$.getJSON()和$.load()等方法实现。在实际项目中,根据需求选择合适的方法,结合.NET Web服务或API,可以高效地实现...

    jquery $.ajax入门应用二

    本示例展示了如何使用 `jQuery $.ajax` 发送 GET 请求,并处理服务器端响应。通过封装函数、设置回调以及绑定事件等方式,实现了与用户的交互。此外,还介绍了后台 ASP.NET 的简单实现方式。这对于初学者来说是非常...

Global site tag (gtag.js) - Google Analytics