300字范文 > 分享ASP.NET用Ajax返回Json对象实例教程

分享ASP.NET用Ajax返回Json对象实例教程

时间：2021-10-22 19:04:49

后端开发|C#.Net教程

,Ajax，Json对象

后端开发-C#.Net教程A、新建一个html页面,如注册页面”Register.htm”

帝国内核网站源码,ubuntu系统详情界面,tomcat的穿参数乱码,爬虫html输出,php简单的表格分页,翻译seolzw

用户注册.msg {color:Red; }用户名:

密码:

姓名:

B、新建一js文件，如：reg.js

php开发微博p微博源码,ubuntu关闭ftp命令,python爬虫煎蛋网,安装php cli,铜梁seo招聘lzw

$(function() { //定义清除错误信息的函数 function clearMsg() { $(".msg").html(""); } //定义获取表单数据的函数,注意返回json对象 function formData() { return {id: $("#id").val(),pwd: $("#pwd").val(),name: $("#xm").val() }; } //定义注册功能的函数 function reg() { var url = "Register.ashx"; var data = formData(); clearMsg(); $.ajax({type: GET, //自动会把json对象转换为查询字符串附在url后面如：http://localhost:49521/Register.ashx?id=a&pwd=b&name=curl: url,dataType: json, //要求服务器返回一个json类型的数据,如：{"success":true,"message":"注册成功"}contentType: application/json,//发送信息给服务器时，内容编码的类型data: data, //提交给服务器的数据,直接使用json对象的数据,如:{"id":"a","pwd":"b","name":"c"}（如果要求json格式的字符串，可使用用JSON.stringify(data)）success: function(responseData) {//如果响应成功（即200）if (responseData.success == true) {//responseData也是json格式，如：{"success":true,"message":"注册成功"}alert(responseData.message); } else { var msgs = responseData.msgs;//msgs对象是一个数组，如下所示： //{"success":false,"message":"注册失败","msgs":[{"id":"pwdMsg","message":"密码不能为空."},{"id":"nameMsg","message":"姓名不能为空."}]}for (var i = 0; i < msgs.length; i++) { $(# + msgs[i].id).html(msgs[i].message);} }},error: function() {//要求为Function类型的参数，请求失败时被调用的函数。该函数有3个参数，即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。ajax事件函数如下：//function(XMLHttpRequest, textStatus, errorThrown){//通常情况下textStatus和errorThrown只有其中一个包含信息//this; //调用本次ajax请求时传递的options参数 alert(arguments[1]);} });//ajax } //定义一个初始化函数 function init() { $("#btnReg").click(function() {reg(); }); } //调用初始化函数 init();});

C、处理ajax请求

jquery如何评分源码,内核启动Ubuntu系统,tomcat8网页打不开,爬虫批量下载excel,php页面生成数字自动刷新,seo 哪家好lzw

方法一：手动拼接json字符串

新建一般处理程序，如：Register.ashx

using System;using System.Collections;using System.Data;using System.Linq;using System.Web;using System.Web.Services;using System.Web.Services.Protocols;using System.Xml.Linq;using System.Collections.Generic;namespace WebLogin{ /// [WebService(Namespace = "/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] public class Register1 : IHttpHandler { public void ProcessRequest(HttpContext context) {context.Response.ContentType = "application/json";//设置响应内容的格式是json格式string id = context.Request["id"];string pwd = context.Request["pwd"];string name = context.Request["name"];List msgList = new List();if (String.IsNullOrEmpty(id)){ msgList.Add("{\"id\":\"idMsg\",\"message\":\"用户名不能为空.\"}");}if (pwd==null || pwd==""){ msgList.Add("{\"id\":\"pwdMsg\",\"message\":\"密码不能为空.\"}");//形如：{"id":"pwdMsg","message":"密码不能为空."}}if (name==null || name==""){ msgList.Add("{\"id\":\"nameMsg\",\"message\":\"姓名不能为空.\"}");}string responseText = "";if (msgList.Count == 0){ //调用后台代码写入数据库 responseText = "{\"success\":true,\"message\":\"注册成功\"}";}else{ string msgsValue = ""; for (int i = 0; i < msgList.Count; i++) {msgsValue += msgList[i] + ",";//将列表中的每一个字符串连接起来，用","隔开,不过最后还会多"," } msgsValue=msgsValue.Substring(0, msgsValue.Length - 1);//去掉末尾的"," msgsValue = "[" + msgsValue + "]";//用"[]"括起来,如:[{"id":"pwdMsg","message":"密码不能为空."},{"id":"nameMsg","message":"姓名不能为空."}] responseText = "{\"success\":false,\"message\":\"注册失败\",\"msgs\":" + msgsValue + "}"; //最的形如:{"success":false,"message":"注册失败","msgs":[{"id":"pwdMsg","message":"密码不能为空."},{"id":"nameMsg","message":"姓名不能为空."}]}}context.Response.Write(responseText); } public bool IsReusable {get{ return false;} } }}

方法二：使用工具来将C#对象转换json输出

1、新建信息类“Msg.cs”

2、新建返回json对象的类“ResponseData.cs”

using System;using System.Data;using System.Configuration;using System.Linq;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.HtmlControls;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Xml.Linq;using System.Collections.Generic;namespace WebLogin{ public class ResponseData { private bool success; public bool Success {get { return success; }set { success = value; } } private string message; public string Message {get { return message; }set { message = value; } } private List msgs; public List Msgs {get { return msgs; }set { msgs = value; } } public ResponseData(bool success, string message) {this.success = success;this.message = message; } public ResponseData(bool success, string message, List msgs) {this.success = success;this.message = message;this.msgs = msgs; } }}

3、去官网下载，并复制引用

官网：/json

下载地址：/s/1nvz9JBV

下载解压后将“Newtonsoft.Json.dll”复制到项目的“bin”目录中，并引用（注意和.net版本保持一致）

4、新建一般处理程序“reg.ashx”

D、完成效果如图

【相关推荐】

1. 免费视频教学

2. 详解JS操作xml对象转换为Json对象

3. 详解javascript遍历json对象的key和任意js对象属性的示例代码（图）

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论