一个跟jquery serializeArray()一起使用的函数,主要来方便提交表单。

.serializeArray() 序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。(摘自jquery文档)。

有以下一个表单窗口,代码:

<form  action="" method="post" id="tf">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tr>
                        <th>姓名:</th>
                        <td>
                            <input type="text"  id="txtUserName"  name="UserName" />
                        </td>
                        <th>联系手机:</th>
                        <td>
                            <input type="text" name="Mobile" id="txtMobile" maxlength="11"/>
                        </td>
                    </tr>
                    <tr>
                    <td style=" text-align:center;" colspan="2">
                            <input type="button" value="  提  交  " style="padding-top:3px;"  name="butsubmit" id="butsubmit"/>
                    </td>
                </tr>
            </table>
</form>

JavaScript代码处理表单:

<script>
$(function () {
$("#butsubmit").click(function(){
 var data = convertArray($("#tf").serializeArray());
  $.post(url, data, function (d) {},"json");
   });
})
function convertArray(o) { //主要是推荐这个函数。它将jquery系列化后的值转为name:value的形式。
    var v = {};
    for (var i in o) {
        if (typeof (v[o[i].name]) == 'undefined') v[o[i].name] = o[i].value;
        else v[o[i].name] += "," + o[i].value;
    }
    return v;
}

</script>

posted on 2011-01-25 23:27 一路->向前 阅读(...) 评论(...) 编辑 收藏

转载于:https://www.cnblogs.com/howzanh/archive/2011/01/25/1944993.html

一个跟jquery serializeArray()一起使用的函数,主要来方便提交表单。相关推荐

  1. mvc ajax提交多选,javascript – 如何使用Jquery AJAX调用MVC Action然后在MVC中提交表单?...

    在我的MVC视图我有按钮: 当我点击这个按钮我需要调用一个动作,做一些东西,然后提交我的表单. 我有这个jQuery: $('#btnSave').click(function () { $.ajax ...

  2. 使用jQuery提交表单

    我想使用jQuery提交表单. 有人可以提供代码,演示或示例链接吗? #1楼 来自手册: jQuery Doc $("form:first").submit(); #2楼 您将必须 ...

  3. Jquery提交表单 Form.js官方插件介绍

    來源:http://hi.baidu.com/dereky/blog/item/f9e8ab64c52f4ff3f736540c.html [JQuery框架应用]:form.js官方插件介绍 For ...

  4. jquery Ajax 通过jsonp的方式跨域提交表单

    Jquery Ajax可以通过jsonp的方式跨域提交表单,至于什么是跨域提交简单说就是你的客户端和服务端不在同一个域名下或端口号不同也可以叫做跨域. 前台代码: $.ajax({type : 'ge ...

  5. [Ajax] jQuery中的Ajax -- 04-异步提交表单

    异步提交表单 异步提交表单的步骤 获取表单及所有表单组件对应的数据值. 将所有表单组件对应的数据值拼成特定格式的字符串或是JSON格式数据. 通过Ajax异步交互方式提交表单. <!DOCTYP ...

  6. java jquery提交表单_Jquery ajax提交表单几种方法

    在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize();就行了,下面我来介绍两个提交表单数据的方法. ...

  7. 异步提交表单插件jquery.form.min.js的使用实例

    因为项目中需要达到效果:前台点击按钮弹出文件选择框,选择文件确定之后,上传到后台对文件进行处理并给出响应信息. 尝试过使用$.post,$.ajsx,将表单序列化之后传到后台,但是后台并不能收到文件, ...

  8. Jquery ajax提交表单几种方法详解

    [导读] 在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的 ...

  9. jQuery.Form.js 异步提交表单使用总结

    jQuery.Form.js 是一个用于使用jQuery异步提交表单的插件,它使用方法简单,支持同步和异步两种方式提交. 第一步:引入jQuery与jQuery.Form.js 1 <scrip ...

最新文章

  1. MySQL 中的 FOUND_ROWS() 与 ROW_COUNT() 函数
  2. WPF纯手工两步打造图片切割工具(一)
  3. 第 171 章 vagrant - Tool for building and distributing virtualized development environments
  4. ML之ME/LF:基于不同机器学习框架(sklearn/TF)下算法的模型评估指标(损失函数)代码实现及其函数(Scoring/metrics)代码实现(仅代码)
  5. MySQL 的日语认证有了,中文呢?
  6. 一个filter引起的404错误
  7. 阿里云root密码修改
  8. AngularJs 时间格式化处理
  9. 在Web.Config中如何引入相对目录下的Access文件
  10. [LeetCode][JavaScript]Power of Three
  11. Maven学习总结(18)——深入理解Maven仓库
  12. 基于表格存储的高性能监控数据存储计算方案
  13. 18-10-29 关于设计器机器人等安装遇到的问题的解决方法
  14. hadoop的学习之一
  15. 读取Java源文件中字段的注释当做Swagger的字段描述
  16. 公众号小额打款验证_已经注册完的公众号如何进行小额打款验证。?
  17. GMAC接口(2)——协议
  18. Python爱心表白,快去发给你心仪的人叭~
  19. 企业wms系统安装在云服务器,wms云服务器配置
  20. 苹果4s怎么越狱_【爆料】大神把苹果手机刷入了安卓系统!

热门文章

  1. UVa11452 Dancing the Cheeky-Cheeky(kmp)
  2. redis中的ziplist
  3. java8中的函数式数据处理
  4. LeetCode House Robber III(动态规划)
  5. java中的实例初始化
  6. 题目1160:放苹果
  7. SQL Server 数据库表的统计信息的更新
  8. 机器学习——Java调用sklearn生成好的Logistic模型进行鸢尾花的预测
  9. pygame (1) 移动小乌龟
  10. Codeforces Round #504 E. Down or Right