.前台代码

<%@ 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. test20181219 连续段的期望

    题意 连续段的期望 [问题描述] 小N最近学习了位运算,她发现2个数xor之后数的大小可能变大也可能变小,and之后都不会变大,or之后不会变小.于是她想算出以下的期望值:现在有 N个数排成一排,如果 ...

  2. webpack新版本4.12应用九(配置文件之使用不同语言进行配置)

    使用不同语言进行配置(configuration languages) 查看原文|编辑此页 webpack 接受以多种编程和数据语言编写的配置文件.支持的文件扩展名列表,可以在 node-interp ...

  3. ADO+MFC数据库编程常用语句

    设在OnInitDialog()函数中,已经完成了初始化COM,创建ADO连接等操作,即 // 初始化COM,创建ADO连接等操作 if (!AfxOleInit()) { AfxMessageBox ...

  4. GitFlow在客户端Sourcetree的使用

    安装 Sourcetree中直接集成了gitflow工具,可以在界面上找到  初始化 首次按下Git Flow按钮后,会弹出如图窗口  初始化会规定几个特殊的分支名称 生产环境分支:master 开发 ...

  5. 你知道PING功能是怎么实现的吗

    以太网的协议有层,而每层都包含有更多的协议.所谓协议,通俗的讲就是通信双方约定的规则. 今天我们介绍一些一个听起来陌生却有很常用的协议,ICMP协议. —ICMP是(Internet Control ...

  6. shell中的输入输出和编程中的变量(shell 03)

    shell中的输入输出标准输入:键盘标准输出:终端显示器>> 追加是换行追加的echo -n 不尾随换行符 -e 启用解释反斜杠的转义功能 -E 禁用解释反斜杠的转义功能(默认) --he ...

  7. Linux Skills

    ++实现RedHat非正常关机的自动磁盘修复先登录到服务器,然后在/etc/sysconfig里增加一个文件autofsck,内容如下:AUTOFSCK_DEF_CHECK=yesPROMPT=yes ...

  8. PHP 获取指定日期的星期几的方法

    <?php header("Content-type: text/html; charset=utf-8"); //获取星期方法 function get_week($dat ...

  9. model进阶（queryset，中介模型，查询优化，extra）

    queryset 方法 ############# 可切片 def queryTest(request): ret = models.Atricle.objects.all() 数据库查询 print ...

  10. python开发调用基础：模块的调用&制作包&软件开发规范

    一,包的调用 #!/usr/bin/env python #_*_coding:utf-8_*_ #调用 glance[1..4]\api\policy.py 路径 # policy.py 内容 # ...