前端疑难杂症
关注
分享
扫一扫
Smallc0de
勤学如春起之苗，不见其增，日有所长；辍学如磨刀之石，不见其损，日有所亏。
展开
-
Button标签和Form标签组合造成的刷新问题
前言最近需要开发一个前端的功能，需要用button提交form内数据到后台。但是无论如何写都会造成点击button导致本页面一直刷，而持续请求ajax，无法正常输出，也无法动态的显示一些控件，耽误了好几个小时记录一下。发现问题问题的发现是因为有别的页面使用了同样的代码却没有问题，于是经过多次调整发现如果button标签放在form里，并且button标签的type属性是submit会导致这个问题。因此解决这个问题有两个方案：把button标签放在form标签外面。如果一定要在form里面，修改b原创 2020-09-23 10:08:07 · 221 阅读 · 0 评论 -
HTML5 小功能
<footer>永久置底<footer class="blockquote-footer" style="position: fixed;bottom: 0;">This is a footer.</footer>Body背景图片自适应<body style="width: 100%; height: 100%; background: ur...原创 2019-10-17 16:21:58 · 175 阅读 · 0 评论 -
BootStrap小记
Modal框参数，static失效的情况当动态生成事件的时候比如用on()的click方法，可能会导致static参数失效所以此时应该在jsp中直接使用click()方法，而不是在js文件中使用on方法。比如：正确使用$("#btn_id").click(function() { staticModal('#modal_id');});可能会失效的使用方法$(docum...原创 2019-09-30 23:36:27 · 137 阅读 · 0 评论 -
Input type="date" 传递参数到后台
Spring 项目中，当前台input 设置为type=date时，传到后台的数据总是为null。只需要在model实体类中的相应的字段上加上注解@DateTimeFormat即可。但是有一点要注意，就是input的value值的格式必须和@DateTimeFormat中规定的一样比如，前台打印出来input的value是yyyy-MM-dd，则@DateTimeFormat(“yyyy-M...原创 2019-09-29 09:37:54 · 5674 阅读 · 0 评论 -
Select2 用法小贴士
初始化：标签<div class="form-group col-md-6"><select id="select2_id" class="form-control" name="select2_name"></select></div>ajax动态赋值$.ajax({ url:rootPath + "/project/selec...原创 2019-08-19 11:46:40 · 241 阅读 · 0 评论 -
绑定click事件时，在页面与在js文件中的不同之处
在jsp等文件中可以直接用script标签对直接嵌入下面的click方法，但是不能直接用在js文件中。$("#btn_mdl_add_cons").click(function() {getTeams("#inpt_team_add");getCompanies("#inpt_company_add");staticModal(’#add_cons_modal’);});在js文件中应...原创 2019-07-12 14:25:24 · 394 阅读 · 0 评论 -
jQuery操作input radio失效
首先判断选择器是否选中了正确的控件可用$(“input[name=example]”).attr(‘checked’,‘true’); 来验证用选择器一步一步的进行$("#edt_eng_modal input[name=engineerGender]").attr(‘checked’,‘true’);然后赋值是要用到.val(array)，而不是.val()$("#form_id in...原创 2019-06-28 19:23:00 · 794 阅读 · 0 评论 -
SpringBoot开发小记
Springboot 正确引用js的方法，注意一下三点如果Controller类名上有RequestMapping("/aa")，src中要写两个"…"，static文件夹中的直接引用，使用src="…/js/jquery-3.3.1.min.js"在index.html中引入JS文件时，直接的写法src="./js/sockjs.min.js"jquery应该在个人和引用的js前才行...原创 2019-07-08 10:09:27 · 585 阅读 · 1 评论 -
前台向后台输入传递的参数有特殊字符加号星号等等，后台怎么处理
Ajax做的请求，前台输入+86 123-1234-1234这样的格式的时候，后台无法识别+号，于是变成了“ ”，这是因为用URL传参数的时候，用&符号连接，如果某一个参数中含”#$ ^ & * + =”这些符号的时候，在另一个页面getParameter或者在后台就会取不到传过来的参数。 比如空格会被转义位%20所以，后台接受的时候应该转换一下String str=URLEn...原创 2019-06-25 18:12:07 · 6668 阅读 · 0 评论 -
JQuery中serialize方法失效
**JQuery中serialize方法失效要按照以下步骤检查：id是不是重名。hidden和display:none设置以后，元素并不会被序列化，后台也无法获取，检查是不是有这个属性中标签中id和name是不是都有，需要id和name命名一致，如下...原创 2019-05-22 18:09:30 · 1159 阅读 · 0 评论