`

【jquery】把form表单转换成js对象

 
阅读更多
/**
 * 功能 : 把form表单转换成js对象
 * 例子 :   
 * 结果 : 
 * */
function serializeObject(formObj){  
   var inputs=$(formObj).find("input,textarea,select");  
   var o = {};  
   $.each(inputs,function(i,n){  
       switch(n.nodeName.toUpperCase()){  
           case "INPUT":  
               if($(n).is(":checkbox")){  
                   if($(n).is(":checked")){  
                       o[n.name]=true;  
                   }else{  
                       o[n.name]=false;  
                   }  
               }else if($(n).is(":radio")){  
                   if($(n).is(":checked")){  
                       o[n.name]=n.value;  
                   }  
               }else{  
                   o[n.name]=n.value;   
               }  
               break;  
           case "TEXTAREA":  
               o[n.name]=$(n).text();  
               break;  
           case "SELECT":  
               o[n.name]=n.value;  
               break;  
       }  
   });  
   return o;  
}  

 

分享到:
评论

相关推荐

    使用JQuery实现从JSON对象转换为form提交数据

    在前端开发中,有时我们需要将JSON格式的数据转换成表单(form)的格式进行提交,以便于服务器端处理。在JavaScript的世界里,jQuery库提供了一种便捷的方式来进行这样的转换。本篇文章将深入探讨如何利用jQuery从...

    jquery-form - jQuery表单生成插件

    使用jQuery-form时,你需要首先引入jQuery库和该插件的JavaScript文件。然后,通过选择器找到目标表单,调用`.ajaxForm()`或`.ajaxSubmit()`方法来启用Ajax提交功能。例如: ```html <script src="jquery.js"> ...

    jQuery扩展将复杂form表单转成json对象

    在标题和描述提到的场景中,我们需要创建一个jQuery扩展,将复杂的form表单数据转换为JSON对象。这通常涉及到遍历表单元素,获取它们的值,并构建JSON对象。以下是一个简单的示例: ```javascript (function($) { ...

    jquery表单验证插件jquery.form.js.pdf

    从提供的文件信息中,我们可以抽取出关于jquery表单验证插件jquery.form.js的知识点,包括其使用方法、功能和相关API介绍等。 首先,jquery.form.js是一个专门用于处理表单的jQuery插件,它提供了简化AJAX表单提交...

    form表单提交,jquery-form.js

    - `.ajaxForm(options)`:将整个表单转换为异步提交,`options`参数可以设置回调函数、数据类型等。 - `.submit(options)`:在表单提交时触发异步请求,同样接受`options`对象来配置行为。 ### 主要功能 1. **...

    jquery-form 异步提交表单

    jQuery Form插件是基于jQuery的一个强大工具,它可以轻松地将任何HTML表单转换为异步提交,实现无刷新的数据交换。这个插件的核心功能是通过Ajax技术发送表单数据,无需离开当前页面,提高了用户的交互性。 ### ...

    jquery form

    jQuery Form插件还提供了`serialize`和`serializeArray`方法,用于将表单数据转换为URL编码的字符串或JSON格式数组,便于发送到服务器。 **6. 异步上传文件** 对于包含文件输入的表单,jQuery Form插件支持File ...

    jQuery实现form表单序列化转换为json对象功能示例

    jQuery库提供了一种简单的方法来实现这一功能,本篇文章将详细介绍如何使用jQuery将form表单序列化并转换为JSON对象。 首先,让我们理解一下基本概念。**序列化(Serialization)**是将复杂的数据结构转化为字符串...

    Jquery判断form表单数据是否变化

    本文介绍了如何使用JQuery来判断一个form表单内的数据是否被修改,以及如何记录这些变化。 首先,为了判断表单数据是否发生变化,我们通常需要获取表单的初始值和提交前的值进行比较。这可以通过序列化表单数据来...

    jquery-form.rar

    通过使用`$("#formID").ajaxForm(options)`方法,可以轻松地将任何表单转换为Ajax提交。 2. **Ajax文件上传**:jQuery Form插件不仅处理文本数据,还支持文件上传。这对于现代网页应用尤其重要,因为它提供了在后台...

    jQuery实现form表单元素序列化为json对象的方法

    本文将深入探讨如何使用jQuery将HTML表单(form)的元素序列化为JSON(JavaScript Object Notation)对象,这是一种轻量级的数据交换格式,常用于前后端数据传输。 首先,我们需要了解jQuery的`serializeArray()`...

    jquery.formwizard-3.0.5

    `js` 目录下包含了插件的主要 JavaScript 文件,可能有 `jquery.formwizard.js` 或类似的文件,这是实际实现向导功能的代码。开发者需要将这个文件引入到他们的项目中,并通过 jQuery 的 `$().formWizard()` 方法来...

    jquery ajaxSubmit提交所用到的jquery.form.js

    在本主题中,我们重点关注的是jQuery的`ajaxSubmit`功能,它是通过`jquery.form.js`插件实现的,这个插件扩展了jQuery的核心功能,允许开发者更加便捷地处理表单提交。`jquery-1.4.2.min.js`是jQuery库的一个较早...

    jQuery序列化form表单数据为JSON对象的实现方法

    本文将介绍如何利用jQuery序列化form表单数据为JSON对象的实现方法,并提供实例代码来加深理解。 在Web开发中,表单提交是一个常见的操作,通常需要把表单中的数据转换成适合网络传输的格式。HTML表单通过表单元素...

    jQuery ajax提交Form表单实例(附demo源码)

    总结,jQuery的`$.ajax`方法结合自定义辅助函数,可以轻松实现Form表单的无刷新提交,避免了手动构建数据对象的麻烦。通过这种方式,你可以创建更加动态和交互式的Web应用,提高用户的满意度。了解和掌握这些技术...

    jquery.js+jquery.form.js 插件

    标题提到的"jquery.js"指的是jQuery的核心库,而"jquery.form.js"则是一个用于扩展jQuery功能的插件,专门处理表单提交和Ajax交互。 **jQuery.js 知识点** 1. **选择器**: jQuery提供了丰富的CSS选择器,使得...

    html对应的文件中 将form 表单数据 转化为json 格式

    接下来,我们需要在JavaScript中获取表单数据并将其转换为JSON。jQuery提供了一个方便的插件,叫做`serializeJSON`,它能够将表单数据序列化为JSON对象。首先,确保在项目中引入了jQuery库和`serializeJSON.js`插件...

    将form表单中的元素转换成对象的方法适用表单提交

    通过结合jQuery的`serializeArray()`方法和自定义的转换函数,我们可以方便地将表单数据组织成易于处理的JavaScript对象,从而优化表单提交的流程。这种方法在现代Web开发中广泛使用,尤其是在需要异步提交表单或者...

Global site tag (gtag.js) - Google Analytics