创新互联jSON教程：ASP.NET(AJAX+JSON)实现对象调用

客户端 

代码如下:

网站建设哪家好，找创新互联公司！专注于网页设计、网站建设、微信开发、小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了盘山免费建站欢迎大家使用！

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ASP.NETA_JAX.aspx.cs" Inherits="_Default" %> 
 
 
 
 
 
 
 

 

 

 
用户名: 

 
服务器:

服务器

代码如下: 

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Web.Script.Serialization; 
public partial class _Default : System.Web.UI.Page ,ICallbackEventHandler 
{ 
Users u = null; 
protected void Page_Load(object sender, EventArgs e) 
{ 
//回调GetRegister方法 
string CallBackFun = Page.ClientScript.GetCallbackEventReference(this,"arg","GetRegister","context"); 
//创建ServerSum方法,在客户端调用的时候就,会回调GetRegister方法,把参数传给RaiseCallbackEvent(string eventArgument ),最后通过 
//GetCallbackResult()方法把返回值传给客户端 
string RegisterFun = string.Format("function ServerSum(arg,context){{{0};}}",CallBackFun); 
Page.ClientScript.RegisterClientScriptBlock(this.GetType(),"ServerSum",RegisterFun,true); 
} 
string mssage = string.Empty; 
#region ICallbackEventHandler 成员 
public string GetCallbackResult() 
{ 
return "服务器:你好,你的用户名为:" + u.Name + "你的年龄为" + u.Age; 
} 
public void RaiseCallbackEvent(string eventArgument) 
{ 
JavaScriptSerializer js = new JavaScriptSerializer(); 
u =js.Deserialize(eventArgument); 
} 
#endregion 
}

Users类 

代码如下: 

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
///  
///User 的摘要说明 
///  
public class Users 
{ 
string name; 
public string Name 
{ 
get { return name; } 
set { name = value; } 
} 
string age; 
public string Age 
{ 
get { return age; } 
set { age = value; } 
} 
}

原理: 

使用JSON向服务器发送一个对象,服务器通过实现 ICallbackEventHandler接口后,重写GetCallbackResult和RaiseCallbackEvent方法,在回调的时候,在RaiseCallbackEvent方法中反序列化JSON,并在GetCallbackResult把结果返回给客户端.

asp.net中使用jquery+ashx做ajax，json做数据传输

一、准备工作

1.建web应用程序aspnetAjax

2.建index.htm

3.建个js文件夹，把jquery.js放进去，

4.建ajax文件夹，里面放ashx

5.在js文件夹建index.js，一般我们都是一个页面对应一个js

6.在ajax文件夹，建IndexHandler.ashx，一般一个js页面对应一个一般用户控件，这样层次感很强，也很好维护。

二、html页面

html页面就简单了，我们要用ajax读后台做个下拉列表，所以页面就放个DIV就行了。其他的交给js.

代码： 




    测试
    
    


    企业性质
 

    行业类型
 
　　　　　　

编写IndexHandler.ashx代码

代码： 

namespace aspnetAjax.ajax
{
    /// 
    /// $codebehindclassname$ 的摘要说明
    /// 

    public class IndexHandler : IHttpHandler
    {
        public void ProcessRequest(HttpContext context)
        {
           context.Response.ContentType = "application/json";
           //接收提交过来的meth参数
            string meth = context.Request.Params["meth"].ToString(); 
            //根据参数调用不同的方法
            switch (meth) 
            {
                case "load":
                    loadjson(context);
                    break;
                case "add":
                    add(context);
                    break;
            }        
       }
        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
       //页面加载方法，调用BLL，获得数据
         private void loadjson(HttpContext context) 
        {
            //实例BLL
            VocaSpecSortBLL vocaSpec = new VocaSpecSortBLL();
            BLL.Owner ownerbll = new GYXMGL.BLL.Owner();
             
             DataSet ds = vocaSpec.GetList("");
             DataSet dsindustr = ownerbll.Getcharcte();
             //实例一个StringBuilder 用来拼接一个json数据
             StringBuilder sbvoca = new StringBuilder();
            if (ds != null && ds.Tables[0].Rows.Count > 0)
            {
                sbvoca.Append("{\"voce\":[");
                int i = 1;
                int count = ds.Tables[0].Rows.Count;
                foreach (DataRow dr in ds.Tables[0].Rows) 
                {
                    if (i == count)
                    {
                        sbvoca.Append("{\"code\":\"" + dr[0] + "\",\"name\":\"" + dr[1] + "\"}");
                    }
                    else
                    {
                        sbvoca.Append("{\"code\":\"" + dr[0] + "\",\"name\":\"" + dr[1] + "\"},");
                    }
                    i++;
                }
                sbvoca.Append("]");
            }
            if (dsindustr != null && dsindustr.Tables[0].Rows.Count > 0) 
            {
                sbvoca.Append(",\"industr\":[");
                int i = 1;
                int count = dsindustr.Tables[0].Rows.Count;
                foreach (DataRow dr in dsindustr.Tables[0].Rows)
                {
                    if (i == count)
                    {
                        sbvoca.Append("{\"code\":\"" + dr[0] + "\",\"name\":\"" + dr[1] + "\"}");
                    }
                    else 
                    {
                        sbvoca.Append("{\"code\":\"" + dr[0] + "\",\"name\":\"" + dr[1] + "\"},");
                    }
                    i++;
                }
                sbvoca.Append("]");
            }
            sbvoca.Append("}");
            context.Response.Write(sbvoca.ToString());
            
            context.Response.End();
        }
    }
}

我们把index.js改下

代码 

$(document).ready(function() {
    $.ajax({
        type: "POST",
        url: "../ajax/NewOwnerHandler.ashx",
        //我们用text格式接收
        dataType: "text",
        data: "meth=load",
        success: function(msg) {
            alert(msg);
            //显示后台数据
            $("#vocaspec").html(msg);
            // $("#industr").html(industr);
        }
    });
});

看到如下数据，就是ashx中response给我们的json格式数据，现在我们要把这些数据

显示在下拉列表中。就要遍历json中的数组。

代码： 

{
"voce":[{"code":"1","name":"农林水利"},{"code":"10","name":"军工"},{"code":"11","name":"农林"},{"code":"12","name":"水利(电)"},{"code":"13","name":"水电站"},{"code":"14","name":"输变线"},{"code":"15","name":"煤矿"},{"code":"16","name":"气田"},{"code":"17","name":"公路"},{"code":"18","name":"铁路"},{"code":"19","name":"民航"},{"code":"2","name":"能源"},{"code":"20","name":"信息产业"},{"code":"21","name":"化工"},{"code":"22","name":"机械"},{"code":"23","name":"冶金"},{"code":"24","name":"有色金属"},{"code":"25","name":"建材"},{"code":"26","name":"医药"},{"code":"27","name":"轻工"},{"code":"28","name":"农牧产品深加工"},{"code":"3","name":"交通"},{"code":"4","name":"通讯"},{"code":"5","name":"特色产业"},{"code":"6","name":"城市基础设施"},{"code":"7","name":"商贸流通"},{"code":"8","name":"旅游"},{"code":"9","name":"文体卫"}],
"industr":[{"code":"1","name":"国有"},{"code":"2","name":"私人"}]
}

修改index.js代码，遍历json数据把数据显示成下拉列表

代码： 

$(document).ready(function() {
    $.ajax({
        type: "POST",
        url: "../ajax/NewOwnerHandler.ashx",
        //json格式接收数据
        dataType: "json",
        //指点后台调用什么方法
        data: "meth=load",
        success: function(msg) {
             //实例2个字符串变量来拼接下拉列表
               var industr = "";
              //使用jquery解析json中的数据
               $.each(msg.voce, function(n, value) {
                     vocaspec += ("");
                    });
                $.each(msg.industr, function(n, value) {
                     industr += ("");
                   });
             industr += ("");
             $("#vocaspec").html(vocaspec);
            $("#industr").html(industr);
        }
    });
});

这个实例涉及到的知识点

1、使用一般处理程序，接收request。并可以使用response数据

string meth = context.Request.Params["meth"].ToString();

因为一般处理程序

public class IndexHandler : IHttpHandler

他实现IHttpHandler接口

2、json数据格式

3、使用jquery ajax,并用jquery解析json数据。 

当前题目：创新互联jSON教程：ASP.NET(AJAX+JSON)实现对象调用
网页链接：http://www.shufengxianlan.com/qtweb/news2/551202.html

成都网站建设公司_创新互联，为您提供自适应网站、品牌网站建设、移动网站建设、App开发、企业建站、定制网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

网站建设知识

行业网站建设

品牌网站建设　　 　香港空间　　 　百度推广公司　　 　成都艺考培训　　 　定制网站建设多少钱　　 　广汉锦华橡塑　　 　域名注册　　 　重庆服务器托管　　 　电商网站建设　　 　成都微信公众号开发　　 　犀浦防纹窗　　 　友益建筑机械凿　　 　江安网站建设　　 　东电技服　　 　wap手机网站　　 　康明斯发电机　　 　雷运建站　　 　平山县网站建设　　 　证企宝企业　　 　微信公众号开发