android序列化表单,js中表单数据序列化方式

一共有以下三种：

var obj1 = $('#queryForm').serialize();

var obj2 = $('#queryForm').serializeArray();

var obj3 = $('#queryForm').serializeObject();

var obj4 = JSON.stringify(obj3); //通过3转化为json字符串

分别对应的是：

obj1: 字符串拼接

obj2: 对象数组,都是name，vlaue

obj3: 对象

obj4: json字符串

应用场景：

1. 使用easyui中的datagrid表格控件展示数据的时候，在查询的页面中使用如下：

//toolbar按钮

function searchData(){

var obj = $('#queryForm').serializeObject();

$('#dg_sub').datagrid("reload",obj);

}

2. ajax向后台提交数据时：

如果一个表单的提交，可以直接使用第3种形式，即向后台提交一个object对象。例子如下：

$.ajax({

type: 'POST',

url: ctx + "/buyOrderDetail/buyOrderDetailSave",

async: false,

data: $('#buyOrderForm').serializeObject(),

success: function(data){

},

error:function(data){

}

});

如果有多个表单需要同时向后台提交，这样使用第3种就不行了，ajax就需要做以下调整更新：

var buyOrderStr = JSON.stringify($('#buyOrderForm').serializeObject());

$.ajax({

type: 'POST',

url: ctx + "/buyOrderDetail/buyOrderDetailSave",

async: false,

data: {buyOrderStr: buyOrderStr, entities: entities},

success: function(data){

},

error:function(data){

}

});

这时候就变成了json字符串，在java后台直接接收字符串形式，然后使用json转对象即可。

//保存采购单明细信息

@RequestMapping("/buyOrderDetailSave")

@ResponseBody

public String buyOrderDetailSave(Model model,String buyOrderStr, String entities) throws Exception {

BuyOrder buyOrder = JSON.parseObject(buyOrderStr, BuyOrder.class);

entities = entities.substring(2);

entities =" [" + entities + "]";

//前端提交的LIST

List listDetail = JSON.parseArray(entities, BuyOrderDetail.class);

}

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

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

html css <input> javaScript .数据类型 JS中的函数编写方式 BOM总结 DOM总结

Day27  html css div 块标签. 特点: 独占一行,有高度和宽度 span 行元素. 特点:在同一行显示,当前行满了自动去下一行显示. 不识别高度和宽度 1.1.1.1 2.输入域标签 ...

Ajax--serialize应用表单数据序列化

一.jQuery+Ajax表单数据序列化

...

.net 各种序列化方式效率对比

在服务与服务之间传输的是二进制数据,而在此之前有多种方法将数据内容进行序列化来减小数据传递大小,现针对于目前主流的几种序列化方式做了简单数据统计对比. 先做下简单介绍↓↓↓ 1.protobuf-ne ...

Android进程通信之一：两种序列化方式

2月下旬辞职了,去海南度假到现在,领略了一把三亚风情也算任性和 然而这样任性带来的后果就是..不行了我必须吐槽一句.. 没毕业的找工作就这么难嘛!投了57家一家面试机会都没有,好歹给个面试机会啊!!本 ...

SpringBoot修改Redis序列化方式

前言 由于Springboot默认提供了序列化方式并不是非常理想,对于高要求的情况下,序列化的速度和序列化之后大小有要求的情况下,不能满足,所以可能需要更换序列化的方式. 这里主要记录更换序列化的方式 ...

随机推荐

opencv3-core之基本操作

这一篇打算将core部分的例子说完,这都是基于中的core部分,其实这些例子后期都很稳定的,也就是说就算是2.3.1和2.4.10 ,这几 ...

Ember.js demo4