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提交所有数据的更多相关文章

  1. <经验杂谈>前端form提交导出数据

    之前在做列表的是总会遇到一些导出的功能,而在做导出的时候总是习惯于用get的方法将参数放在url上,这样一来就会有很多的弊端,一是url的参数长度有限,遇到有的参数很长的时候就会报错,二是也不太安全. ...

  2. servlet对form提交的数据进行XML转换后发送

    今天遇到一个项目,要求对form表单提交的数据进行以xml格式发送出去: 直接写XMLUtil工具类如下: package com.yfit.controller; import javax.serv ...

  3. js模拟form提交 导出数据

    //创建模拟提交formfunction dataExport(option) { var form = $("<form method='get'></form>& ...

  4. form 提交数据编码梳理

    之前对form单提交的操作一直都是迷迷糊糊,知道怎么用,但是随着ajax2的出现,我们有更多的方式操作form表单提交,但是底层的原理我们要好好的做个梳理. 常见的form提交有post和get这两种 ...

  5. 导出excel时,以form方式提交json数据

    今天在写项目时写到一个excel的导出,开始想用ajax请求后台后导出,但发现ajax会有返回值,而且ajax无法直接输出文件,而后台的excel导出方法已经封装好,不方便修改. 就改用了提交的方式f ...

  6. ligerui_实际项目_003:form中添加数据,表格(grid)里面显示,最后将表格(grid)里的数据提交到servlet

    实现效果: "Form"中填写数据,向本页"Grid"中添加数据,转换成Json数据提交,计算总和,Grid文本框可编辑,排序 图片效果: 总结: //disp ...

  7. 2016 系统设计第一期 (档案一)jQuery ajax serialize()方法form提交数据

    jQuery ajax serialize()方法form提交数据,有个很奇怪的问题,好像不能取到隐藏控件的值. //点击提交按钮保存数据 $('#btn_submitUser').click(fun ...

  8. form提交数据中文乱码问题总结

    一:form在前台以post方式提交数据: 浏览器将数据(假设为“中国”)发送给服务器的时候,将数据变成0101的二进制数据(假设为98 99)时必然要查码表,浏览器以哪个码表打开网页,浏览器就以哪个 ...

  9. django ajax提交form表单数据

    后台: from django.shortcuts import render from django.shortcuts import redirect from django.shortcuts ...

随机推荐

  1. 会使用基本的Render函数后,就会想,这怎么用 v-for/v-if/v-model;我写个vue Render函数进阶

    https://blog.csdn.net/wngzhem/article/details/54291024

  2. Linux服务器重启后MySQL启动失败

    Redirecting to /bin/systemctl start  mysql.service Job for mysqld.service failed because the control ...

  3. final可以修饰类、属性、方法。

      当用final修饰类的时候,此类不可被继承,即final类没有子类.这样可以用final保证用户调用时动作的一致性,可以防止子类覆盖情况的发生.   当利用final修饰一个属性(变量)的时候,此 ...

  4. Quartz.net设置任务中同时最多运行一个实例 [DisallowConcurrentExecution]

    Quartz定时任务默认都是并发执行的,不会等待上一次任务执行完毕,只要间隔时间到就会执行, 如果定时任执行太长,会长时间占用资源,导致其它任务堵塞. 比如Job设置1分钟跑一次,每次获取50条短信发 ...

  5. 如何用AJax提交name[]数组?

    https://www.cnblogs.com/junzilan/p/5424120.html

  6. Linux usb子系统(二) _usb-skeleton.c精析

    "./drivers/usb/usb-skeleton.c"是内核提供给usb设备驱动开发者的海量存储usb设备的模板程序, 程序不长, 通用性却很强,十分经典, 深入理解这个文件 ...

  7. STM32进入HardFault_Handler处理办法

    STM32进入HardFault_Handler处理办法 HardFault_Handler出现的情况一般有两种: 一种是:数组越界 一种是:堆栈溢出,程序指针指飞 方法一 在中断HardFault_ ...

  8. phantomjs 是什么?----主要是mac下面

    phantomjs 是什么? PhantomJS是一个无界面的,可脚本编程的WebKit浏览器引擎.它原生支持多种web 标准:DOM 操作,CSS选择器,JSON,Canvas 以及SVG. pha ...

  9. css处理文本溢出

    css: .box{ width: 100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } white-space: ...

  10. CString比较不区分大小写

    第一种:都变为大写 或者都变成小写. str1.MakeUpper();str2.MakeUpper();or:str1.MakeLower();str2.MakeLower(); if(str1== ...