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 ...
随机推荐
- tomcat启动时非常慢,启动时 一直卡在Root WebApplicationContext: initialization completed(转)
转载地址:https://www.cnblogs.com/youxin/p/8793554.html 使用方式: JAVA_OPTS="-Djava.awt.headless=true -D ...
- 在Linux添加定时任务删除5天前的日志文件
利用shell脚本自动清理,脚本如下 1.删除文件命令: find 对应目录 -mtime +天数 -name "文件名" -exec rm -rf {} \; 实例命令: fin ...
- Python学习笔记——发邮件
参考:Python3实现163邮箱SMTP发送邮件 1.首先需要注册一个网易的邮箱,开启smtp服务,并使用其授权码 2.发送邮件的Python脚本 #!/usr/bin/python # -*- c ...
- java基础---->自定义gradle的插件
这里面简单的介绍一下gradle插件的编写. 自定义gradle插件 我们编写的gradle脚本一般是放在build.gradle文件中.所以首先创建一下build.gradle文件,下面的例子都是在 ...
- Spring AOP @AspectJ进阶
@AspectJ可以使用切点函数定义切点,我们还可以使用逻辑运算符对切点进行复核运算得到复合的切点,为了在切面中重用切点,我们还可以对切点进行命名,以便在其他的地方引用定义过的切点.当一个连接点匹配多 ...
- 解决:Windows安装Composer及全局配置时提示部分.dll结尾的php扩展文件找不到指定的模板
当安装Composer或者全局配置时出现.dll扩展文件找不到指定模板,如下图: 解决办法: 打开php.ini,将extension_dir 改为绝对路径即可 例如:
- 前端自动化构建工具webpack (二)之css和插件加载总结
1. webpack只识别js文件,其他文件都需要转换成js文件.所有文件都是模块; 2. css解析 css需要css-loader --->style-loader ----- ...
- react表单的一些小例子
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Java进程与线程的区别
每个进程都独享一块内存空间,一个应用程序可以同时启动多个进程.比如浏览器,打开一个浏览器就相当于启动了一个进程. 线程指进程中的一个执行流程,一个进程可以包含多个线程. 每个进程都需要操作系统为其分配 ...
- python学习之旅(十五)
Python基础知识(14):函数(Ⅴ) 一.装饰器 decorator:本质上就是函数,可以增强函数的功能. 定义起来虽然有点复杂,但使用起来非常灵活和方便 1.不修改被装饰函数的源代码 2.不修改 ...