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 ...
随机推荐
- js学习(六)- js对象创建
//---------------------js文件--------------------- var namespace02=new Object(); namespace02.Person=fu ...
- Windows补丁更新Tips
1.Windows 2012 R2 MS14-066补丁安装失败 现象:下载对应版本的补丁,提示“此更新不适用于你的计算机” 解决:使用命令行可成功安装 @echo off expand –F:* d ...
- C# Linq处理list数据
获取数据列表. //获取数据列表,Model是类 IList<Model> list = dao.getmx(Model, pageInfo);//DataTable数据DataTable ...
- php代码画足球场
用代码画了个足球场 原图: 代码画出的效果图: 代码如下: // 创建一个 200X200 的图像 $img = imagecreate(800, 500); // 分配颜色 $bg = imagec ...
- nginx_ssl证书双向认证以及负载均衡配置
#user nobody;worker_processes 1; #error_log logs/error.log;#error_log logs/error.log notice;#error_l ...
- Nestjs 使用mongodb
Docs: https://docs.nestjs.com/techniques/mongodb yarn add @nestjs/mongoose mongoose 链接 // sec/app.mo ...
- GitLab使用公钥SSH key登录
SSH key提供了一种与GitLab通信的方式,能够不输密码就进行版本控制 第一步,检查SSH key是否存在 如果存在则把SSH Key放到GitLab上,如果不存在则生成新的SSH Key,再放 ...
- Dijkstra模板
Dijkstra struct node { long long x,d; node(); node(long long xx,long long dd){ x = xx; d = dd; } }; ...
- vue的数据双向绑定和ref获取dom节点
vue是一个MVVM的框架 业务逻辑代码即js部分是model部分, html是view部分. 当model改变的时候,view也会改变 view 改变是,model也会改变 <template ...
- Linux命令更新系统时间,更新所有文件的时间(转)
https://blog.csdn.net/ccj2020/article/details/76026606