form提交所有数据
HTML:
<div class="panel">
<div class="panel-body">
<h3>完善简历</h3>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon" style="padding-right: 2.9rem">姓 名:</span>
<input type="text" class="form-control" name="name" placeholder="请输入您的名字!">
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon" style="padding-right: 2.9rem">学 校:</span>
<input type="text" class="form-control" name="xxmz" placeholder="请输入您的学校名称!">
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon" style="padding-right: 2.9rem">专 业:</span>
<input type="text" class="form-control" name="zymz" placeholder="请输入专业名称!">
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon" style="padding-right: 2.9rem">性 别:</span>
<!-- <input type="text" class="form-control" name="sex" placeholder="请输入您的性别!"> -->
<div class="sexBox">
<label class="radio-inline">
<input type="radio" name="sex" id="sex1" value="1" checked>男
</label>
<label class="radio-inline">
<input type="radio" name="sex" id="sex2" value="2">女
</label>
<label class="radio-inline">
<input type="radio" name="sex" id="sex3" value="3">保密
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon" style="padding-right: 2.9rem">年 级:</span>
<input type="text" class="form-control" name="nj" placeholder="请输入您的年级!">
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon">联系方式:</span>
<input type="text" class="form-control" name="tel" placeholder="请输入您的联系方式!">
</div>
</div>
<div class="form-group">
<button class="btn btn-success btn-lg btn-block" onclick="SubmitInfo()">提 交</button>
</div>
</div>
</div>
JS:
function SubmitInfo(){
var info = {};
var t = $('#form').serializeArray();
$.each(t, function() {
info[this.name] = this.value;
});
console.log(JSON.stringify(info)); }

form提交所有数据的更多相关文章
- <经验杂谈>前端form提交导出数据
之前在做列表的是总会遇到一些导出的功能,而在做导出的时候总是习惯于用get的方法将参数放在url上,这样一来就会有很多的弊端,一是url的参数长度有限,遇到有的参数很长的时候就会报错,二是也不太安全. ...
- servlet对form提交的数据进行XML转换后发送
今天遇到一个项目,要求对form表单提交的数据进行以xml格式发送出去: 直接写XMLUtil工具类如下: package com.yfit.controller; import javax.serv ...
- js模拟form提交 导出数据
//创建模拟提交formfunction dataExport(option) { var form = $("<form method='get'></form>& ...
- form 提交数据编码梳理
之前对form单提交的操作一直都是迷迷糊糊,知道怎么用,但是随着ajax2的出现,我们有更多的方式操作form表单提交,但是底层的原理我们要好好的做个梳理. 常见的form提交有post和get这两种 ...
- 导出excel时,以form方式提交json数据
今天在写项目时写到一个excel的导出,开始想用ajax请求后台后导出,但发现ajax会有返回值,而且ajax无法直接输出文件,而后台的excel导出方法已经封装好,不方便修改. 就改用了提交的方式f ...
- ligerui_实际项目_003:form中添加数据,表格(grid)里面显示,最后将表格(grid)里的数据提交到servlet
实现效果: "Form"中填写数据,向本页"Grid"中添加数据,转换成Json数据提交,计算总和,Grid文本框可编辑,排序 图片效果: 总结: //disp ...
- 2016 系统设计第一期 (档案一)jQuery ajax serialize()方法form提交数据
jQuery ajax serialize()方法form提交数据,有个很奇怪的问题,好像不能取到隐藏控件的值. //点击提交按钮保存数据 $('#btn_submitUser').click(fun ...
- form提交数据中文乱码问题总结
一:form在前台以post方式提交数据: 浏览器将数据(假设为“中国”)发送给服务器的时候,将数据变成0101的二进制数据(假设为98 99)时必然要查码表,浏览器以哪个码表打开网页,浏览器就以哪个 ...
- django ajax提交form表单数据
后台: from django.shortcuts import render from django.shortcuts import redirect from django.shortcuts ...
随机推荐
- [Java并发编程(四)] Java volatile 的理论实践
[Java并发编程(四)] Java volatile 的理论实践 摘要 Java 语言中的 volatile 变量可以被看作是一种 "程度较轻的 synchronized":与 ...
- Linux JDK Tomcat Nginx MariaDB 安装,Nginx 多域名转发配置
安装JDK rpm包下载地址(jdk-7u17 ): http://www.oracle.com/technetwork/java/javase/downloads/java-archive-down ...
- 深度讲解 .net session 过期机制
[参考]net session过期 原理及解决办法 [参考]深入理解session过期机制
- 为什么不应该使用Zookeeper做服务发现?(转载)
转载自: http://dockone.io/article/78 [编者的话]本文作者通过ZooKeeper与Eureka作为Service发现服务(注:WebServices体系中的UDDI就是个 ...
- PXE:另类方式启动 centos live
default menu.c32 timeout 1 label centos76-live-by-other menu label centos76-live from ftp by other k ...
- Laravel 深入理解路由和URL生成
原文地址: Laravel 深入理解路由和URL生成 在模板中我们一般不会直接写死url,而是用url助手生成url,本文介绍一下url助手的使用以及遇到的一些比较头疼的问题. 首先,我们创建了一个路 ...
- linq2db sqlite应用
使用linq2db sqlite 的时候,找不到增加,删除的操作,原来是要引入一个新的命名空间LinqTODB. 1 using LinqToDB; 插入: 1 User uNew = new Use ...
- linux查找并替换命令
find ./ -maxdepth 3 -type f -name "*Makefile" |xargs sed -i "s/CXX = g++/CXX = ccac ...
- Spring AOP @AspectJ进阶
@AspectJ可以使用切点函数定义切点,我们还可以使用逻辑运算符对切点进行复核运算得到复合的切点,为了在切面中重用切点,我们还可以对切点进行命名,以便在其他的地方引用定义过的切点.当一个连接点匹配多 ...
- 【CF961G】Partitions 第二类斯特林数
[CF961G]Partitions 题意:给出n个物品,每个物品有一个权值$w_i$,定义一个集合$S$的权值为$W(S)=|S|\sum\limits_{x\in S} w_x$,定义一个划分的权 ...