jquery提供的serialize方法能够实现。
- $("#searchForm").serialize();
但是,观察输出的信息,发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。
serialize确实是能够解决一般的提交数据。但是有时我们需要的是一个object对象,而不是字符串(比如jqgrid reload时设置查询条件参数,就需要object对象)。
方法如下:
- (function(window, $) {
- $.fn.serializeJson = function() {
- var serializeObj = {};
- var array = this.serializeArray();
- var str = this.serialize();
- $(array).each(
- function() {
- if (serializeObj[this.name]) {
- if ($.isArray(serializeObj[this.name])) {
- serializeObj[this.name].push(this.value);
- } else {
- serializeObj[this.name] = [
- serializeObj[this.name], this.value ];
- }
- } else {
- serializeObj[this.name] = this.value;
- }
- });
- return serializeObj;
- };
- })(window, jQuery);
调用:
- console.info($("#searchForm").serializeJson());