当前位置：首页 > news >正文

ASP.NET(AJAX+JSON)实现对象调用

news 文章来源：https://blog.csdn.net/cdming/article/details/130165867 2025/5/26 8:22:36

客户端

代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ASP.NETA_JAX.aspx.cs" Inherits="_Default" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<script type="text/jscript"> 
function CallServer() { 
//JSON发送对象 
ServerSum("{name:'linyijia',age:'21'}"); 
} 
function GetRegister(rg, contex) { 
document.getElementById("TxtRegister").value=rg; 
} 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<br /> 
用户名:<input id="TxtNum1" type="text" /> 
<br /> 
服务器:<input id="TxtRegister" type="text" /><br /> 
<button id="SumBtn" type="button" onclick="CallServer()">登录</button> 
</div> 
</form> 
</body> 
</html>

服务器

代码如下:

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<Users>(eventArgument); 
} 
#endregion 
}

Users类

代码如下:

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
/// <summary> 
///User 的摘要说明 
/// </summary> 
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.

代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>测试</title><script src="js/jquery-1.2.3-intellisense.js" type="text/javascript"></script><script src="js/index.js" type="text/javascript"></script>
</head>
<body>企业性质<div id="vocaspec"> </div>行业类型<div id="industr"> </div>　　　　　　
</body>
</html>

编写IndexHandler.ashx代码

代码：

namespace aspnetAjax.ajax
{/// <summary>/// $codebehindclassname$ 的摘要说明/// </summary>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) {//实例BLLVocaSpecSortBLL 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 = "<select name=\"industr\"><option label=\"---请选择---\"></option>";var vocaspec = "<select name=\"vocaspec\"><option label=\"---请选择---\"></option>";//使用jquery解析json中的数据$.each(msg.voce, function(n, value) {vocaspec += ("<option value=\"" + value.code + "\" label=\"" + value.name + "\">");vocaspec += ("</option>");});$.each(msg.industr, function(n, value) {industr += ("<option value=\"" + value.code + "\" label=\"" + value.name + "\">");industr += ("</option>");});industr += ("</select>");$("#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数据。

ASP.NET(AJAX+JSON)实现对象调用

客户端代码如下: <% Page Language"C#" AutoEventWireup"true" CodeFile"ASP.NETA_JAX.aspx.cs" Inherits"_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.…...

编程日记 2023/4/15 18:47:15

一次弄懂gzip模块启用和配置指令

接下来所学习的指令都来自ngx_http_gzip_module模块，该模块会在nginx安装的时候内置到nginx的安装环境中，也就是说我们可以直接使用这些指令。 1. gzip指令：该指令用于开启或者关闭gzip功能注意只有该指令为打开状态，下面的指令才…...

编程日记 2023/5/31 11:46:25

猿辅导学员入选国家队，竞赛老师成为“最强辅助”

3月31日，国际数学奥林匹克竞赛（IMO）国家队名单正式出炉，猿辅导学员王淳稷、孙启傲分别以第一名和第二名的成绩位列其中，今年7月，他们将出征日本，代表中国参赛，为国争光。自2020年以…...

编程日记 2023/5/31 12:32:26

Java面向对象

Java面向对象静态 static static修饰静态成员变量 /**在线人数。注意：static修饰的成员变量：静态成员变量，只在内存中有一份，可以被共享*/ public static int onlineNumber 161;static静态成员方法 /**静态成员方法: 有stat…...

编程日记 2023/4/15 18:32:12

Redis —缓存常见异常

文章目录缓存雪崩解决办法缓存击穿解决办法缓存穿透缓存穿透的两种常见情况解决办法布隆过滤器工作原理缓存雪崩大量缓存数据在同一时间过期（失效）或者 Redis 故障宕机时，如果此时有大量的用户请求，都无法在 Redis 中处理&#…...

编程日记 2023/4/15 18:27:10

JavaEE企业级应用开发教程——第十二章 Spring MVC数据绑定和相应（黑马程序员第二版）（SSM）

第十二章 Spring MVC数据绑定和相应 12.1 数据绑定在 Spring MVC 中，当接收到客户端的请求时，会根据请求参数和请求头等信息，将参数以特定的方式转换并绑定到处理器的形参中，这个过程称为数据绑定。数据绑定的流程大致如下&…...

编程日记 2023/4/15 18:22:09

银行数字化转型导师坚鹏：金融数据治理、数据安全政策解读

金融数据治理、数据安全政策解读及大数据应用课程背景： 很多银行存在以下问题：不知道如何准确理解金融数据治理及数据安全相关政策不清楚金融数据治理及数据安全相关政策对银行有什么影响？不清楚如何有效应用金融数据治理及数据安全相关…...

编程日记 2023/4/15 18:17:08

Vue动图数据表格，根据字段是否为空，控制表格列的隐藏和显示

所在前面的话，我是个前端小白，大佬请绕行，可能大佬觉得很简单，但是我真的花了好几个小时去解决，所以记录一下，下次也可以作为参考。我主要是以第二种方式进行修改的开门见山简述问题：大家…...

编程日记 2023/4/15 18:12:07

带你们偷瞄编程绕不开的C语言（二）

🤩：大家好，我是paperjie，感谢你阅读本文，欢迎一建三连哦。 🥰：这里是C专栏，笔者用重金(时间和精力)打造，基础知识一网打尽，希望可以帮到读者们哦。 &#x1f…...

编程日记 2023/4/15 18:07:05

TCP三次握手和四次挥手

文章目录TCP三次握手TCP四次挥手TCP三次握手序列号：建立连接时计算机随机生成的随机数作为初始值，通过SYN包传给接收端主机，每发送一次数据就累加一次该数据字节数的大小。用来解决网络包乱序问题。确认应答号：指下一次期望收到…...

编程日记 2023/4/15 18:02:03

L1-016 查验身份证

L1-016 查验身份证题目链接题意判断18位身份证号码（17位数字＋1位校验码）是否合法，对于不合法的身份证号码进行输出，若全都符合，则输出“All passed”，判断是否合法的规则如下： …...

编程日记 2023/4/15 17:57:02

强大到让人无法想象的ChatGPT-5即将发布，上千名人士却紧急叫停

目录【ChatGPT 5简介】【ChatGPT 5的潜在应用】【ChatGPT 5的潜在危险】 ChatGPT4还没有好好体验，比GPT4强大1000倍的ChatGPT5又即将发布！届时将彻底改变人工智能领域，并改变我们现有的世界【ChatGPT 5简介】 OpenAI计划在2023年12月发…...

编程日记 2023/4/15 17:52:00

C++中的功能及用法

参考资料： C中&的功能及用法 - konglingbin - 博客园 (cnblogs.com) 对于习惯使用C进行开发的朋友们，在看到c中出现的&符号，可能会犯迷糊，因为在C语言中这个符号表示了取地址符，但是在C中它却有着不同的用途…...

编程日记 2023/4/15 17:46:59

Linux解除指定端口占用进程教程

Linux 解除指定端口占用进程教程在 Linux 系统中，经常会遇到某个端口被占用的情况，这会导致某些服务无法正常运行。为了解决这个问题，我们需要找到占用该端口的进程，并将其停止。本文将介绍 Linux 中如何解除指定端口占用进程的方…...

编程日记 2023/4/15 17:41:58

雪花算法简介

一：概述 - SnowFlake 算法 - 是 Twitter 开源的分布式 id 生成算法。 - 应用场景 - 高性能的产生不重复 ID，支持集群的横向扩展。二：原理 - 其核心思想就是： - 使用一个 64 bit 的 long 型的数字作为全局唯一 id。 - 在分布…...

编程日记 2023/5/31 14:34:43

人口普查数据集独热编码转换

人口普查数据集独热编码转换描述在机器学习中，数据的表示方式对于模型算法的性能影响很大，寻找数据最佳表示的过程被称为“特征工程”，在实际应用中许多特征并非连续的数值，比如国籍、学历、性别、肤色等，这些特征…...

编程日记 2023/4/15 17:31:55

牛客过第二遍

1、spring事务管理 1.1 Spring事务管理声明式事务： 1 通过XML配置，声明某方法的事务特征 2、通过注解，声明某方法的事务特征，注解Transactional 1.2 Transactional 注解参数讲解隔离级别传播行为回滚规则是否只读事务超时…...

编程日记 2023/4/15 17:26:54

科普:java与JavaScript的区别

Java和JavaScript是两种非常流行的编程语言，它们都有自己独特的特点和用途。尽管它们的名称相似，但实际上它们之间存在很多差异。在本文中，我们将详细介绍Java和JavaScript之间的区别。一、Java和JavaScript的历史 Java是由Sun Microsyste…...

编程日记 2023/4/15 17:21:53

【教程】Unity 与 Simence PLC 联动通讯

开发平台：Unity 2021 依赖DLL：S7.NET 编程语言：CSharp 6.0 以上一、前言 Unity 涉及应用行业广泛。在工业方向有着一定方向的涉足与深入。除构建数据看板等内容，也会有模拟物理设备进行虚拟孪生的需求需要解决。而 SIMATIC&a…...

编程日记 2023/4/15 17:16:51

视频编解码(一)之virtio-gpu环境搭建

一、基础概念 VA-API Video Acceleration API 是一组开源应用API接口，赋能应用（比如VLC播放器、GStreamer等）使用hardware video acceleration（一般是GPU提供硬件视频加速功能），VA-API主要由开源库libva和…...

编程日记 2023/4/15 17:11:50

JDBC概述三（批处理+事务操作+数据库连接池）

一（批处理） 1.1 批处理简介批处理，简而言之就是一次性执行多条SQL语句，在一定程度上可以提升执行SQL语句的速率。批处理可以通过使用Java的Statement和PreparedStatement来完成，因为这两个语句提供了用于处理批处理…...

编程日记 2023/4/15 17:06:49

MappedByteBuffer 详解（图解+秒懂+史上最全）

背景： 在尼恩视频版本里，从架构师视角，尼恩为大家彻底介绍 rocketmq 高可用、高并发中间件的原理与实操。给大家底层的解读清楚 rocketmq 架构设计、源码设计、工业级高可用实操，含好多复杂度非常高、又非常核心的概念&#xff…...

编程日记 2023/4/15 17:01:48

顶点程序经典案例——树木生长

树木生长Shader一、介绍大家好，我是阿赵。这次来做一个树木生长的Shader。顶点程序作为整个渲染管线里面和片段程序并列的两大可控过程之一，一直存在感都比较低。我们平时制作的效果，很多都是在片段程序里面实现的计算，顶点程序…...

编程日记 2023/4/15 16:56:47

在云计算环境下保护Java应用程序的有效措施

云计算（Cloud）技术是近年来计算机科学的一个重要突破。大多数组织已经通过将自己的应用程序移入云平台而获益。不过，如何保证应用程序在第三方服务器上的安全性，是一项艰巨的挑战。在本文中，我们将重点讨论Java&…...

编程日记 2023/4/15 16:51:46

vscode-markdown-代码片段及快捷键设置

代码片段及快捷键设置主要为了插入表格和图片标签节约一点输入时间代码片段设置 ctrlshiftp 打开面板输入 configure user snippets选择markdowncopy如下设置放入{}中 "tb4*4": {"prefix": "tb4*4","body": ["| $1 | $2 | $…...

编程日记 2023/5/31 14:18:39

ModelNet40数据集

跑PointNet,modelnet40数据集时; 有些人直接用.off文件;——【CAD模型】普林斯顿形状Banchmark中的.off文件遵循以下标准： OFF文件全是以OFF关键字开始的ASCII文件。下一行说明顶点的数量、面片的数量、边的数量。边的数量可以安全地省略。对模型不会有影响(可以为…...

编程日记 2023/4/15 16:41:43

【都2023年了，还在问网络安全怎么入门】

前言【都2023年了，还在问网络安全怎么入门】所以这一期就出一一个怎么学习网络安全的学习路线和方法，觉得有用的话点赞收藏下首先咱们聊聊，学习网络安全方向通常会有哪些问题 1、打基础时间太长学基础花费很长时间，光语言都有…...

编程日记 2023/4/15 16:36:43

Apple Xcode 14.3 (14E222b) 正式版发布下载

Command Line Tools for Xcode 14, tvOS 16 & watchOS 9 Simulator Runtime 请访问原文链接：https://sysin.org/blog/apple-xcode-14/，查看最新版。原创作品，转载请保留出处。作者主页：sysin.org Xcode 14 包含了在所有 Ap…...

编程日记 2023/4/15 16:31:41

sar 使用安装sysstat apt-get install sysstat -y #或 yum install sysstat -y选项用法: sar [ 选项 ] [ <时间间隔> [ <次数> ] ] 选项： [ -A ] [ -B ] [ -b ] [ -C ] [ -D ] [ -d ] [ -F [ MOUNT ] ] [ -H ] [ -h ] [ -p ] [ -q ] [ -r [ ALL ] ]…...

编程日记 2023/4/15 16:26:39

PHP 单笔转账到支付宝账户，支付宝公钥证书实现版本

支付宝某些业务只能使用公钥证书方式来验签如：即使转账红包等笔者就要实现这样一个功能，【单笔转账到支付宝账户】，采用支付宝公钥证书签名来实现。话不多说，流程先走起第一步：下载支付宝秘钥生成器由于我们使…...

编程日记 2023/5/31 21:26:42

ASP.NET(AJAX+JSON)实现对象调用

客户端

服务器

Users类

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

一、准备工作

二、html页面

相关文章：

ASP.NET(AJAX+JSON)实现对象调用

一次弄懂gzip模块启用和配置指令

猿辅导学员入选国家队，竞赛老师成为“最强辅助”

Java面向对象

Redis —缓存常见异常

JavaEE企业级应用开发教程——第十二章 Spring MVC数据绑定和相应（黑马程序员第二版）（SSM）

银行数字化转型导师坚鹏：金融数据治理、数据安全政策解读

Vue动图数据表格，根据字段是否为空，控制表格列的隐藏和显示

带你们偷瞄编程绕不开的C语言（二）

TCP三次握手和四次挥手

L1-016 查验身份证

强大到让人无法想象的ChatGPT-5即将发布，上千名人士却紧急叫停

C++中的功能及用法

Linux解除指定端口占用进程教程

雪花算法简介

人口普查数据集独热编码转换

牛客过第二遍

科普:java与JavaScript的区别

【教程】Unity 与 Simence PLC 联动通讯

视频编解码(一)之virtio-gpu环境搭建

JDBC概述三（批处理+事务操作+数据库连接池）

MappedByteBuffer 详解（图解+秒懂+史上最全）

顶点程序经典案例——树木生长

在云计算环境下保护Java应用程序的有效措施

vscode-markdown-代码片段及快捷键设置

ModelNet40数据集

【都2023年了，还在问网络安全怎么入门】

Apple Xcode 14.3 (14E222b) 正式版发布下载

【Linux】sar常用选项介绍

PHP 单笔转账到支付宝账户，支付宝公钥证书实现版本