.前台代码

<%@ 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. Linux多进程多线程例子

    看了apue3,关于进程线程和进程间通信写了一个例子,方便自己理解相关知识,备忘. #include <stdlib.h> #include <stdio.h> #includ ...

  2. Oracle与Mysql操作表序列

    一.Oracle添加表序列 CREATE SEQUENCE name -- 序列名 INCREMENT BY -- 每次加几个 START WITH -- 从几开始计数 MINVALUE --- 最小 ...

  3. fuser命令

    fuser命令 http://blog.itpub.net/27573546/viewspace-765240/

  4. classpath和环境变量设置

    一.简介: 环境变量是操作系统.应用程序.脚本程序等等的指明灯,能够告诉他们需要的资源在哪里.大多数的 系统都有一些预先设置好的环境变量,当然,我们也可以增加自己的环境变量. 为了看看当前系统的环境变 ...

  5. python开发mysql：mysql安装(windows)&密码找回&存储引擎简介&库表的增删改查

    一,mysql安装 下载地址 https://dev.mysql.com/downloads/file/?id=471342 解压后,将目录C:\mysql-5.7.19-winx64\bin添加到计 ...

  6. 【linux】查看进程使用的端口和端口使用情况

    netstat -a 查看所有服务端口 netstat -tln 查看当前使用的端口   ps命令查看进程的id: ps aux | grep ftp 或者 pidof Name   netstat命 ...

  7. python‘s tenth day for me

    动态参数    *args   **kwargs   *args  动态参数,万能参数 # args 接受的就是实参对应的  所有位置参数,并将其放在元祖中. def func(*args): pri ...

  8. java成神之——properties,lambda表达式,序列化

    Properties 加载defaults.properties文件 写Properties到xml文件 读Properties从xml文件 Lambda表达式 自定义 内置 sort方法中使用Lam ...

  9. 一.lock的使用

    使用ReentrantLock类 ReentrantLock类在扩展功能上更加强大,比如嗅探锁定,多路分支通知.而且在使用上也比synchronized更加灵活 调用ReentrantLock对象的l ...

  10. Tornado 高并发源码分析之四--- HTTPServer 与 TCPServer 对象

    主要工作: 服务器启动的时候做的事: 1.把包含了各种配置信息的 application 对象封装到了 HttpServer 对象的 request_callback 字段中,等待被调用 2.TCPS ...