
前端
JustMarker
web
展开
-
jquery复制dom对象,不复制事件的问题
看以下例子:<script type="text/javascript">$(function(){ $("#add").on("click",function(){ $("#group").append($(".person:last").clone(true)); }); $("#del").on("click",function(){原创 2015-12-29 20:38:57 · 5983 阅读 · 2 评论 -
jquery 的ready,onload,unload用法和写法
在页面加载的时候,有两种情况: 一种情况是加载完DOM节点,但是图片、动画等文件没有加载,这时候可以触发ready方法; 另一种情况是页面所有内容都加载完成,包括DOM和图片、动画等,这时候可以触发onload方法。而在页面关闭的时候,可以触发unload方法。原创 2017-06-02 14:58:11 · 1658 阅读 · 0 评论 -
用ajax,将表单提交到后端,后端php向前端返回数组,前端通过jquery遍历
通过ajax,如果从后端直接想前端返回数组,那前端收到的是一个‘Array’的字符串。所以,我比较习惯的是用json对象的格式。由后端通过json_encode()函数,把数组封装成对象,传递到前端;前端也以json的格式接收。这里用提交表单来举例说明。前端代码如下:<form action="test_receive.php" method="post"> 姓名:<input typ原创 2016-09-23 14:27:04 · 6568 阅读 · 0 评论 -
table表格的结构
之前对于table表格的结构,一直有点乱,这次做个整理,一个完成的结构。<table> <thead> <tr> <th></th> <th></th> <th></th> </tr> </thead> <tfoot> <tr> <t原创 2016-05-05 17:37:42 · 1740 阅读 · 0 评论 -
SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data情况在easyui 的datagrid
在使用easyui插件的datagrid功能的时候,报了个这个错误,SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data。后来发现,是像后台传递参数出了问题。我这里的原因是,使用了属性queryParams: form2Json('searchform'),id为"searchform原创 2016-03-24 14:25:17 · 10104 阅读 · 0 评论 -
div的margin、border、padding的关联
div的样式边距,主要是margin——外边距和padding——内边距。border是div的边框,不过很多时候,都设置为0,即边框不显示。我从网上下载了一个比较清晰的图片,padding在边框内,margin在边框外。不过,在设置div背景的时候,是已border为界限的,border内部的padding和content会被设置背景,而margin则没有被设置。还有,div的height和wid原创 2016-02-01 16:28:30 · 976 阅读 · 0 评论 -
js解决两个数相加的问题
我需要得到js实现两个数字相加的结果,可是js总是默认按照字符串处理,将两个数字连接起来。 解决这个问题,代码如下:<script type="text/javascript"> var a = 1; var b = 2; var sum = parseInt(a) + parseInt(b);</script>parseInt()是js的解析字符串的函数,返回解析后的数原创 2015-12-21 17:18:19 · 28381 阅读 · 3 评论 -
一个form表单中,上传和接收多个相同的name字段参数
一般我们在同一个表单中,都会提交不同的name字段。可是,我遇到了提交相同字段的情况,例子如下:<form action="test_receive.php" method="post"> <div> <p>第一个人</p> 姓名:<input type="text" name="name[]" /> 年龄:<input type="text"原创 2015-12-21 10:48:49 · 36198 阅读 · 2 评论 -
TP框架上传一张图片和批量上传图片代码
上传一张图片 前端代码:<form action="{地址}" method="POST" enctype="multipart/form-data"> <input name="image" type="file" value="" /> <input type="submit" value="提交" /></form>上传文件的时候,就要加上 enctype=”multip原创 2016-01-21 18:59:01 · 18385 阅读 · 5 评论 -
layui框架,form提交了两次,问题原因
刚刚在写ajax的时候,发现表单提交了两次,代码如下:form.on('submit(user_addd_confirm)', function () { alert('form');return false;});原来,layui.js自动所有包含了modules模块,我本地额外的引入了/layui/lay/modules/form.js导致了表单两次提交。...原创 2018-05-17 11:32:26 · 11131 阅读 · 3 评论