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 ...
随机推荐
- jd-gui在Ubuntu上打不开
你在 ubuntu13.10上 安装了最新版本的 jd-gui 但是它跑不起来怎么办? 请执行如下指令: sudo apt-get install libgtk2.0-0:i386 libxxf86v ...
- set names utf8;
对应用程序来说,强制将它们发起的数据库链接设置成UTF8编码有什么办法? 每个链接建立时先执行set names utf8; [mysqld] init-connect=‘set names utf8 ...
- Vue 创建组件的方式
Vue 创建组件的方式 2018年08月07日 11:10:56 虔诚带着决然 阅读数:1015 版权声明:本文为博主原创文章,未经博主允许不得用做其他商业活动. https://blog.csd ...
- 搞明白GOROOT,GOPATH,GOBIN,project目录
我们接下来一个一个来看关于Go语言中的三个目录的详细解释先通过go env查看go的环境变量(我这里是mac的环境,所以可能和你的不同) localhost:~ zhaofan$ go env GOA ...
- 使用git创建与合并分支
一.概述 学会使用git命令对项目进行创建分支,并在创建结束后合并到主分支上. 问:为什么要创建分支? 答:在原来的分支上创建一个自己的分支进行开发,在开发完毕后一次性合并到原先的分支,这样既保证安全 ...
- DirectX using C++_error X3539:ps1_x is no longer supported...解决方案
问题来源 在研究HLSL时编译一个demo出现了error X3539的问题 解决方案 将代码中的ps_1_1 改为ps_2_0 PixelShader = compile ps_1_1 PS(); ...
- centos7.3安装nvidia驱动和cuda9
一, 挂载本地源镜像 1) 下载操作系统镜像 所有服务器操作系统必须统一,本平台只支持 CentOS 7.3 1611,镜像下载地址. 2) 上传镜像到服务器 ,假设上传在 root 下 3) 建立挂 ...
- Groovy和Java互调
Scala和Java为静态语言,Groovy为动态语言 Scala: 函数式编程,同时支持面向对象 Groovy: jvm上的脚本,较好兼容java语法,Groovy加强了Java集成. 可配置化的优 ...
- TIJ -- CountDownLatch
1. 2. Class : CountDownLatchDemo package lime.thinkingInJava._021._007._001; import java.sql.Time; i ...
- PHP 正则 空字符 / NUL字符
\xnn 匹配中ASCII代码十六进制代码为nn的字符.[\x00-\x7F] 匹配ASCII值从0-127的字符.0-127表示单字节字符,也就是:数字,英文字符,半角符号,以及某些控制字符. 正则 ...