.前台代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication10.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

<script src="Scripts/jquery-1.10.2.min.js"></script>

<script type="text/javascript">

$.fn.GetPostData = function () {

var data = {};

var k = false;

$(this).find(".datacontrol").each(function (i, value) {

var field = $(value).attr("name");

if (field == null) {

field = $(value).attr("id");

}

if (value.tagName == "INPUT") {

if (value.type == "checkbox") {

if ($(value).prop("checked") == true) {

if (data[field]) {

var a = +$(value).val();

if (a == "") {

a = "";

}

data[field] = data[field] + "," + a;

k = true;

} else {

var a = +$(value).val();

data[field] = ""

k = true;

}

}

}

else if (value.type == "radio") {

if ($(value).attr("checked") == true) {

data[field] = $(value).val();

k = true;

}

}

else {

if ($(value).val() != "") {

data[field] = $(value).val();

k = true;

}

}

}

else if (value.tagName == "SELECT") {

if ($(value).val() != "") {

data[field] = $(value).val();

k = true;

}

}

else if (value.tagName == "DIV") {

data[field] = $(value).html();

k = true;

}

else if (value.tagName == "IMG") {

data[field] = $(value).attr("src");

k = true;

}

else if (value.tagName == "SPAN") {

data[field] = $(value).html();

k = true;

}

else if (value.tagName == "TEXTAREA") {

if ($(value).val() != "") {

data[field] = $(value).val();

k = true;

}

}

});

if (!k) {

return null;

}

return data;

}

$(function () {

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

//var postParam = new Object();

//alert($("#t1").val());

//postParam.t1 = $("#t1").val();

//postParam.t2 = $("#t2").val();

//postParam.t3 = $("#t3").val();

//postParam = JSON.stringify(postParam);

var postParam = $("#form1").GetPostData();

postParam = JSON.stringify(postParam);

$.post("webform1.aspx?_method=postParam&data="+postParam, function (data) { });

});

});

</script>

</head>

<body>

<form id="form1" runat="server">

<input type="button" id="btn" name="btn" value="点击我" />

<input type="text" id="t1" name="t1" value="t11" class="datacontrol"/>

<input type="text" id="t2" name="t2" value="t22" class="datacontrol"/>

<input type="text" id="t3" name="t3" value="t33" class="datacontrol"/>

</form>

</body>

</html>

.后台代码

using System;

using System.Collections.Generic;

using System.Dynamic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace WebApplication10

{

public partial class WebForm1 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

switch (Request["_method"])

{

case "postParam":

var dictionary = Newtonsoft.Json.JsonConvert.DeserializeObject<Dictionary<string,string>>(Request["data"]);

break;

}

}

}

}

jquery表单数据反序列化为字典的更多相关文章

  1. jquery表单数据验证扩展方法

    /** 表单数据验证 **/ $.fn.Validform = function () { var Validatemsg = ""; var Validateflag = tru ...

  2. 将表单数据转化为json数据

    /** * 将Form表单转成符合后台要求的json格式数据 * @param frm form表单Id * * @return json格式的数据 */function getFormJson(fr ...

  3. 序列化表单数据$("form").serializeArray()

    在做一个后台管理系统类似的项目中发现不能直接取得表单中的数值,于是想到先将表单数据转化为json,然后再用js从json中获取数据,那不就简单了吗? 于是我用了jquery的serializeArra ...

  4. Js:消息弹出框、获取时间区间、时间格式、easyui datebox 自定义校验、表单数据转化json、控制两个日期不能只填一个

    (function ($) { $.messageBox = function (message) { $.messager.show({ title:'消息框提示', msg:message, sh ...

  5. 将JSON反序列化为指定的.NET类型

    前言: 关于将JSON格式数据反序列化为指定的.NET类型数据常见的场景就是,关于网络请求获取请求成功的响应数据.本篇主要讲的的是如何通过使用Newtonsoft.Json中的JsonConvert. ...

  6. 将JSON字符串反序列化为指定的.NET对象类型

    目录导航: 前言: 方法一.在项目中定义对应的对象参数模型,用于映射反序列化出来的参数(复杂JSON字符串数据推荐使用): 方法二.直接将JSON字符串格式数据反序列化转化为字典数据(简单JSON字符 ...

  7. jQuery表单验证以及将表单序列化为json对象小练习

    jquery表单验证(非实时验证),同时,将表单序列化为json对象提交表单. <!DOCTYPE html> <html lang="en"> <h ...

  8. jquery ajax异步提交表单数据的方法

    使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的: 处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据 ...

  9. jQuery对的表单数据序列化和校验

    jQuery对的表单数据序列化和校验 表单序列化 如果想让表单通过ajax异步提交,那么首先我们要通过js获取到每个表单中输入的值,如果表单项比较多的话,是一件很麻烦,很痛苦的事情,那么我们可以通过j ...

随机推荐

  1. VS2013 快捷方式

    1.查找空行:  使用正则表达式 ^\s\S*$\n

  2. Vant async-validator 表单校验

    感谢:尤大大的 vue.有赞的 vant.async-validator.以及 asseek 链接:https://www.jianshu.com/p/d58fe749b97f 在下不才在 assee ...

  3. 【精品分享一】JAVA 精品图书高清PDF下载

    更多图书尽在第一云教育book.1eduyun.com JAVA核心技术卷2:高级特征(原书第8版) JAVA软件开发从新手到高手(Java从入门到精通(第3版)+Java项目开发全程实录(第3版)) ...

  4. mysql中OPTIMIZE TABLE的作用及使用

    来看看手册中关于 OPTIMIZE 的描述: OPTIMIZE [LOCAL | NO_WRITE_TO_BINLOG] TABLE tbl_name [, tbl_name] ... 如果您已经删除 ...

  5. 如何开启 FastAdmin 的顶部导航功能？

    如何开启 FastAdmin 的顶部导航功能? FastAdmin 默认的是侧边导航,但是如果功能多的时候就有会眼花缭乱,使用顶部导航就会清晰很多. 好消息现在已经支持顶部导航,可以在demo.fas ...

  6. android栈和队列

    android栈和队列 栈和队列是两种特殊的线性表,它们的逻辑结构和线性表相同,只是其运算规则较线性表有更多的限制,故又称它们为运算受限的线性表.LinkedList数据结构是一种双向的链式结构,每一 ...

  7. 在PHP中对查询出得数据库数据进行json编码

    select.php <?php $con = mysql_connect("localhost","Thh","920920thh" ...

  8. juc线程池原理(四)： 线程池状态介绍

    <Thread之一:线程生命周期及五种状态> <juc线程池原理(四): 线程池状态介绍> 线程有5种状态:新建状态,就绪状态,运行状态,阻塞状态,死亡状态.线程池也有5种状态 ...

  9. Mongodb时间问题

    Java保存到mongodb当前时间,使用RoboMongo查看数据显示时间比当前时间少8个小时,这是客户端的问题. MongoDB中的Date类型数据只保存绝对时间值,不保存时区信息,因此“显示的时 ...

  10. 1.solr学习速成之配置文件

    什么是solr Solr是一个独立的企业级搜索应用服务器,它对外提供类似于Web-service的API接口.用户可以通过http请求,向搜索引擎服务器提交一定格式的XML文件,生成索引:也可以通过H ...