Jquery 组合form元素为json格式,asp.net反序列化

2014-01-21  来源:本站原创  分类:jquery  人气:4 

Jquery组合form元素为json格式,asp.net反序列化实现代码,大家可以具体的看下面的说明。

作者:敖士伟 Email:[email protected] 转载注明作者
说明: 1、js根据表单元素class属性,把表单元素的name和value组合为json格式;用表单元素class属性可以针对性地组合JSON数据。
2、后端ASP.NET用JavaScriptSerializer反序列化为对象实列。
3、好处:简化了前端数据读取与后端数据赋值。

function GetJSONStr(class_name) {
var a = [];
//文本框
$("." + class_name).filter(":text").each(function(i) {
//alert(this.name);
//alert(this.value);
a.push({ name: this.name, value: this.value }); 

});
//下拉列表
$("." + class_name).filter("select").each(function(i) {
//alert(this.name);
//alert(this.value);
a.push({ name: this.name, value: this.value }); 

});
//单选框
$("." + class_name).filter(":radio").filter(":checked").each(function(i) {
//alert(this.name);
//alert(this.value);
a.push({ name: this.name, value: this.value });
});
//复选框开始
var temp_cb = "";
$("." + class_name).filter(":checkbox").filter(":checked").each(function(i) {
if (temp_cb.indexOf(this.name) == -1) {
temp_cb += this.name + ",";
} 

});
var temp_cb_arr = temp_cb.split(",");
var cb_name = "";
var cb_value = "";
for (var temp_cb_i = 0; temp_cb_i < temp_cb_arr.length - 1; temp_cb_i++) {
cb_name = temp_cb_arr[temp_cb_i];
var cb_value_length = $("input[name='" + temp_cb_arr[temp_cb_i] + "']:checked").length;
$("input[name='" + temp_cb_arr[temp_cb_i] + "']:checked").each(function(i) {
if (i == cb_value_length - 1)
cb_value += this.value;
else
cb_value += this.value + ","; 

});
//alert(cb_name);
//alert(cb_value);
a.push({ name: cb_name, value: cb_value });
}
//复选框结束 

//组合为JSON
var temp_json = "";
for (var json_i = 0; json_i < a.length; json_i++) {
if (json_i != a.length - 1) {
temp_json += '"' + a[json_i].name + '":"' + a[json_i].value + '",';
}
else {
temp_json += '"' + a[json_i].name + '":"' + a[json_i].value + '"';
}
}
return "{" + temp_json + "}";
}

ASP.NET


复制代码 代码如下:

public partial class test : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
JavaScriptSerializer Serializer = new JavaScriptSerializer();
string r = Request.Form["msg"]; 

//{"Name":"MyName1","Single":"one"} 

t_json t_json_object = Serializer.Deserialize<t_json>(r); 

Response.Write(t_json_object.Name);
Response.End();
}
} 

class t_json
{
public DateTime Name;
public string Single;
}
相关文章
  • Jquery 组合form元素为json格式,asp.net反序列化 2014-01-21

    Jquery组合form元素为json格式,asp.net反序列化实现代码,大家可以具体的看下面的说明. 作者:敖士伟 Email:[email protected] 转载注明作者 说明: 1.js根据表单元素class属性,把表单元素的name和value组合为json格式;用表单元素class属性可以针对性地组合JSON数据. 2.后端ASP.NET用JavaScriptSerializer反序列化为对象实列. 3.好处:简化了前端数据读取与后端数据赋值. function GetJSONS

  • jQuery中使用Ajax获取JSON格式数据示例代码 2014-09-11

    有时候我们需要读取JSON格式的数据文件,在jQuery中可以使用Ajax或者 $.getJSON()方法实现,下面有个不错的示例,需要的朋友可以参考下 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式.JSONM文件中包含了关于"名称"和"值"的信息.有时候我们需要读取JSON格式的数据文件,在jQuery中可以使用Ajax或者 $.getJSON()方法实现. 下面就使用jQuery读取music.txt文件中的JSON

  • 转换json格式的日期为Javascript对象的函数 2015-02-01

    项目中碰到了用jQuery从后台获取的json格式的日期的字符串,需要将此字符串转换成JavaScript的日期对象,记在此处,以备后用. //转换json格式的日期(如:{ServerDatetime:"\/Date(1278930470649)\/"})为Javascript的日期对象 function ConvertJSONDateToJSDateObject(JSONDateString) { var date = new Date(parseInt(JSONDateStrin

  • jQuery asp.net 用json格式返回自定义对象 2014-11-15

    客户端用一个html页面调用一个ashx文件(一般http处理程序),返回 json格式的自定义对象 客户端用一个html页面调用一个ashx文件(一般http处理程序),返回 json格式的自定义对象: html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  • 使用jQuery, CSS, JSON 和ASP.NET打造一个新闻轮换控件 2012-03-09

    这个新闻轮换控件能在网页上的同一个地方显示几条新闻.新闻被拆开几页,为了放置在一个指定的区域.每一页也能包含一对新闻列表. 通过点击底部的页码,能够在不同的页面之间导航,点击页的每个新闻项,就能查看新闻的详细信息.新闻能像幻灯片一样去查看.它提供自动切换下一个(幻灯片)功能,以及过渡的样式. 使用JQuery为了: 1.对web server进行JQuery Ajax Request请求,得到JSON格式新闻 2.绑定数据(JSON格式的新闻)到HTML控件 3.在数据binding之后设置控件

  • jQuery向后台传入json格式数据的方法 2014-08-08

    这篇文章主要介绍了jQuery向后台传入json格式数据的方法,实例分析了传递json格式数据的原理与具体实现技巧,具有一定的参考借鉴价值,需要的朋友可以参考下 本文实例讲述了jQuery向后台传入json格式数据的方法.分享给大家供大家参考.具体分析如下: 前后台数据交互一般都用json格式,后台可以直接将json对应转化为实体对象.方便以后的操作.jQuery向后台传数据的时候,我们会发现他会自动转化成查询字符串,不能真正传入一个json.而且用jquery对表单序列化的时候,返回的格式是一

  • jsp中利用jquery+ajax在前后台之间传递json格式参数 2015-03-29

    前后台之间的参数传递一直是个问题,经过一段时间的实验琢磨,终于搞定,先把经验拿出来与大家分享,希望可以让新手朋友们少走弯路 经过一段时间的实验琢磨,终于将前后台之间的参数传递搞定了,实验所用工具myeclipse+structs1.2. 总结:容易出错的地方:1.ajax中data的格式一定要写对,这里举了两种形式,一种是 data:{参数:""} 另一种是 data:"参数="+变量. 2.后台传递到前台数据转化为json格式,步骤要掌握好. 3.在js使用jqu

  • 浅析Js(Jquery)中,字符串与JSON格式互相转换的示例(直接运行实例) 2014-01-06

    这几天,遇到了json格式在JS和Jquey的环境中,需要相互转换,在网上查了一下,大多为缺胳膊少腿,也许咱是菜鸟吧,终于测试成功后,还是给初学者们一个实例吧 首先,准备新建一个js文件.以下是JSON2.js的内容,把内容拷到js文件中,以便调用: /* http://www.JSON.org/json2.js Public Domain. NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK. See http://www.JSON.o

  • jquery序列化form表单使用ajax提交后处理返回的json数据 2014-03-18

    这篇文章主要介绍了jquery序列化form表单,使用ajax提交后处理返回的json数据的示例,需要的朋友可以参考下 1.返回json字符串: /** 将一个字符串输出到浏览器 */ protected void writeJson(String json) { PrintWriter pw = null; try { servletResponse.setContentType("text/plain;charset=UTF-8"); pw = servletResponse.ge

  • Jquery解析Json格式数据过程代码 2014-04-18

    Json是一种轻量级的数据交换格式,本节为大家介绍的是Jquery解析Json格式数据的过程,很详细,看看就知道了 今天稍微学习了一下Json,JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式. 易于人阅读和编写.同时也易于机器解析和生成. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等). 这些特性使JSON成为理想的数据交换语言.

  • 当自定义数据属性为json格式字符串时jQuery的data api问题探讨 2014-05-09

    当自定义数据属性是一个 json 格式字符串时,缓存的数据如果被修改, 则修改后的数据继续存在于缓存系统中, 如果不留意,这可能导致一些BUG,接下来将对此问题详细概述下 jQuery 的 data API 实现方式有缓存数据的效果 使用 IE 7 (IE8+ 在控制台切换至IE7 模式),当DOM 节点有自定义数据属性时,检查 DOM 节点即可看到 形如 jQuery18305664906559272507 的属性,这便是 用于从数据存储对象中获取自定义数据的建. 当自定义数据属性是一个 js

  • jQuery怎么解析Json字符串(Json格式/Json对象) 2014-06-20

    可以利用jquery或js解析json数据,下面与大家分享下jquery解析json字符串方法,一个是解析Json格式,一个是解析Json对象,感兴趣的朋友可以学习下 json数据是我们常用的一种小型的数据实时交换的一个东西,他可以利用jquery或js进行解析,下面我来介绍jquery解析json字符串方法. 一.jQuery解析Json数据格式: 使用这种方法,你必须在Ajax请求中设置参数: 1 dataType: "json" 获取通过回调函数返回的数据并解析得到我们想要的值,

  • asp.net后台cs中的JSON格式变量在前台Js中调用方法(前后台示例代码) 2014-09-22

    本文主要介绍下asp.net后台cs中的JSON格式变量在前台Js中调用方法,下面是前后台的实现代码,感兴趣的朋友可以参考下哈,下对大家有所帮助 //后台cs代码: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class Login_j

  • JQuery中使用$.ajax和$.getJSON方法获取JSON格式数据 2012-11-30

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式.JSONM文件中包含了关于"名称"和"值"的信息.有时候我们需要读取JSON格式的数据文件,在jQuery中可以使用Ajax或者 $.getJSON()方法实现. 下面就使用jQuery读取music.txt文件中的JSON数据格式信息. 首先,music.txt中的内容如下: [ {"optionKey":"1", "opt

  • asp.net转出json格式客户端显示时间 2014-09-10

    最近在学习ext过程中,很多地方的数据从服务器传到客户端都是以json格式传回来 在服务器端利用 JavaScriptSerializer serializer = new JavaScriptSerializer(); return serializer.Serialize(obj); 对对像序列化, 对于时间类型得出结果为:\/Date(1216796600500)\/ 客户端解析的方式为: function renderTime(data){ var da = eval('new ' +

  • 使用JavaScript构建JSON格式字符串实现步骤 2014-05-26

    这篇文章将帮助你使用javascript来创建json格式字符串如果你需要通过web项目来构建json格式字符串的响应,感兴趣的各位可以参考下哈,希望可以帮助到你 如果你现在正在使用Restful API,并且你需要通过web项目来构建json格式字符串的响应,那么这篇文章将帮助你使用javascript来创建json格式字符串.这是非常有用的,我们将通过jQuery插件$.toJSON把数据对象转换为json格式. 使用JavaScript构建JSON格式字符串 JavaScript代码: 在

  • PHP中把数据库查询结果输出为json格式简单实例 2014-12-26

    这篇文章主要介绍了PHP中把数据库查询结果输出为json格式简单实例,本文直接给出示例代码,都是非常基础的写法,大家应该一看就明白,需要的朋友可以参考下 include/conn.php为数据库链接文件,不会的网上搜索 <?php include './include/conn.php'; //数据库链接文件 $sql_notice = mysql_query('SELECT * FROM gg_notice where enable = "1" limit 0,10'); $n

  • jQuery formValidator form validation plug-in presentation and online demonstration ver2.9.1 2010-06-21

    http://www.cnblogs.com/wzmaodong/archive/2008/04/27/1173382.html jQuery formValidator form validation plug-in presentation and online demonstration ver2.9.1 jQuery formValidator form validation plug-in plug-in now prompts the error, there are two mod

  • json格式数据分析工具PageElement类分享(仿Session写法) 2013-10-09

    json格式数据分析工具PageElement类分享,可像Session一样自由获取Json元素的Key与Value.并可方便与ADO进行交互 测试例: PageElement pe = new PageElement(); pe.LoadDataFromJsonString("[{\"A\":\"123\",\"B\":\"abc\"}]"); Console.WriteLine(pe["A&q

  • JQuery 解析多维的Json数据格式 2013-10-22

    对博客系统已经做到了博客评论模块部分了,对单篇博文进行静态化的同时对博文的评论部分采取AJAX的方式去读取. 这就要利用到JQuery,ASHX以及Json来合作了.一篇文章有多个评论,每十个为一页.用户每点击下一页则自动抓去下一页,这个过程采用无刷新放心进行. Json格式其实和表格式有异曲同工之妙,在网络传输中,它比XML还省流量,而且与JS有更好的融合,更容易被解析.Json格式样例如下: {"Products":[ {"orderid":"1107