ajax异步传值实例,JSON.stringify实例应用—将对象转换成JSON类型进行AJAX异步传值...

本文详细介绍了如何在jQuery AJAX中利用JSON.stringify将JavaScript对象数组转换为JSON字符串,以便在服务器端进行数据交互。在服务器端,使用JavaScriptSerializer的Deserialize方法将接收到的JSON数据反序列化回对象列表,便于进一步处理。示例代码展示了从HTML到一般处理程序的整个流程,包括前端数据构造、参数封装、异步请求以及后台的反序列化和响应处理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在上一篇中,对JSON.stringify()方法有了初步的认识,并且做了一些简单的例子。本篇将进一步将JSON.stringify用在复杂些的实例中,例如如下需求:

在进jQuery AJAX异步传值时,用JSON.stringify()函数将数组转换成json类型(JSON:JavaScript Object Notation 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式),再传到一般处理程序中,在一般处理程序中,把得到的值进行反序列化Deserialize(value)操作。

1.html代码:

$(function () {

$("#btn").click(function () {

var myArray = new Array();

var data = {};

data.name = "Tom";

data.age = ;

data.tel = "";

var data1 = {};

data1.name = "Tang";

data1.age = ;

data1.tel = "";

myArray.push(data);

myArray.push(data1);

//alert(JSON.stringify(array));

var params = {};

params.action = "OperationArray";

params.array = JSON.stringify(myArray);

$.ajax({

url: "JSONstringify.ashx",

data: params,

type: "POST",

dataType: "json",

success: function (msg) {

if (msg.OperateResult == "success") {

if (msg.ResponseData.length > ) {

}

}

},

error: function (e) {

alert("请求处理出错");

}

});

});

});

html代码

2.一般处理程序代码:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Script.Serialization;

namespace JSONstringfy

{

///

/// JSONstringify 的摘要说明

///

public class JSONstringify : IHttpHandler

{

private JavaScriptSerializer json = new JavaScriptSerializer();

private string operateSuccess = "success";

private string operateFailed = "false";

public void ProcessRequest(HttpContext context)

{

string jsonObject = string.Empty;

string action = context.Request["action"];

context.Response.ContentType = "application/json;charset=utf-8";

if (action == "OperationArray")

jsonObject = OperationArray(context);

context.Response.Write(jsonObject);

}

private string OperationArray(HttpContext context)

{

try

{

var array = context.Request["array"];

var arrayList = json.Deserialize>(array);//反序列化,得到集合

foreach (var list in arrayList)

{

//这里可以获得数据,可以和数据库进行交互,传到前台,

//本例子这里省略

}

return json.Serialize(new { OperateResult = operateSuccess });

}

catch (Exception e)

{

return json.Serialize(new { OperateResult = operateFailed, ResponseData = e.Message });

}

}

public bool IsReusable

{

get

{

return false;

}

}

}

}

ashx代码

3.JSON_user类:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

namespace JSONstringfy

{

public class JSON_user

{

public string Name { get; set; }

public string Age { get; set; }

public string Tel { get; set; }

}

}

JSON_user

4.调试结果:

611db2746f6cfbc73f1cc8f1b61cb5e9.png

1c351e967e325807f77b26196c96714f.png

以上两图可以看到两条数据

JSON.stringify()的使用--将string转换成json

===========================================================1. ====JSON.stringify()================== ...

json 字符串转换成对象,对象转换成json字符串

json   字符串转换成对象,对象转换成json字符串 前端: 方法一: parseJSON方法:   [注意jquery版本问题] var str = '{"name":&qu ...

JSON对象转换成JSON字符串

1.问题背景 有一个json对象,需要将其转换成json字符串 JSON.stringify(obj) 2.实现源码 /p>

在js中将map对象转换成json 和 js对cookie的操作

在js中将map对象转换成json //msp转objectlet obj= Object.create(null); for (let[k,v] of map) { obj[k] = v; }//o ...

Newtonsoft.Json 把对象转换成json字符串

var resultJson = new { records = rowCount, page = pageindex, //总页数=(总页数+页大小-1)/页大小 total = (rowCount ...

DataTabel DataSet 对象 转换成json

public class DataTableConvertJson    { #region dataTable转换成Json格式        ///         ...

Java对象转换成xml对象和Java对象转换成JSON对象

1.把Java对象转换成JSON对象 apache提供的json-lib小工具,它可以方便的使用Java语言来创建JSON字符串.也可以把JavaBean转换成JSON字符串. json-lib的核心 ...

将Model对象转换成json文本或者json二进制文件

将Model对象转换成json文本或者json二进制文件 https://github.com/casatwy/AnyJson 注意:经过测试,不能够直接处理字典或者数组 主要源码的注释 AJTran ...

随机推荐

python之最强王者(9)——函数

1.Python 函数 函数是组织好的,可重复使用的,用来实现单一,或相关联功能的代码段. 函数能提高应用的模块性,和代码的重复利用率.你已经知道Python提供了许多内建函数,比如print().但 ...

offsetleft、offsetTop、offsetParent的兼容性问题

先来看看offsetParent返回的是什么值 ele.offsetParent返回的是ele元素最近的并且是定位过(relative,absolute)的父元素,如果没有父元素或者是父元素中没有一个 ...

linux添加somebody到组

添加xiluhua到组:test_group usermod -a test_group  xiluhua

说一说Android的工程目录结构

这段时间正在学习有关Android的知识,对在Eclipse下开发的Android项目的目录结构有了一定的了解,在此对目录结构做一个简单的介绍.下图是在Eclipse下Android项目展开的项目目录 ...

加密算法 DES 3DES RSA AES 简介

数据加密的基本过程就是对原来为明文的文件或数据按某种算法进行处理,使其成为不可读的一段代码,通常称为[密文],使其只能在输入相应的[密钥]之后才能显示出本来内容,通过这样的途径来达到保护数据不被非法人 ...

javascript Function.prototype.bind

语法: fn.bind(obj,arg1,arg2,arg3...) bind是es5新增的方法,顾名思义,它的作用是将函数绑定到某个对象上,就像是某个对象调用方法一样.其本质还是改变了该函数的上下文 ...

ASP.NET服务器端事件利用MARQUEE实现正在处理效果

前言:ASP.NET同仁们应该都遇到过当触发一个比较耗时的服务器端事件时,页面会处在一个等待的状态(即假死状态),用户体验非常不好,很容易造成用户二次点击,造成重复提交.至于解决方案自然是有的(问go ...

iScroll 下 a 标签失效

遇到个莫名其妙的问题,iScroll 下的 a 标签点击没有反应了,不管怎么调整 z-index 都无效果,很是无语. 查找半天后找到解决方法: $(function(){ new IScroll(' ...

BZOJ:1185: [HNOI2007]最小矩形覆盖

1185: [HNOI2007]最小矩形覆盖 这计算几何……果然很烦…… 发现自己不会旋转卡壳,补了下,然后发现求凸包也不会…… 凸包:找一个最左下的点,其他点按照与它连边的夹角排序,然后维护一个栈用 ...

android TabLayout设置选中标签字体加粗功能

实现 TabLayout 选中tab标签字体加粗功能如下: xml文件中定义:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值