近期问题解决方案总结
来源:互联网 发布:数据分析ppt分享 编辑:程序博客网 时间:2024/05/20 02:27
最近遇到的一些问题的解决方案,主要是关于jQuery和前台传数据,判断,刷新页面等。
1. 拼接
2.用Location传值
3.显示的前后关系 z-index
4.关于jQuery 事件 - ready() 方法
5.表单提交绑定回车键的问题
6.汉字传值的解码
7.ajax
8.struts2下两种action往前台传值的方法
9.sweetalert
- 拼接
在写智能提示的时候用到了拼接技术
推荐外层用单引号 ’ ‘,
在引号内的是常字符串,外面的是变量
这是把html在一起显示出来的代码
for(var i=0;i<d.length;i++){ html+= '<li>'+d[i].searchText+'</li>' ; }
这是轮播图的每次单独显示
success:function(data){ $("#carousel-animate").empty(); for(var i=0;i<data.length;i++){ var pi=data[i]; var html="<div class='item "+(i==0?'active':'')+" height-control'><a href='#'><img src='" + pi['pictureName'] + "' alt='First slide'></a><div class='carousel-caption'>描述</div></div>"; $("#carousel-animate").append(html); $("#carousel-animate").fadeIn('show'); } }
2.用Location传值
用下列方法可以用jQuery轻松把?后面的数据传到另一个页面
传值页面
$("#searchBtn").click(function(){ var keyWord=$('#searchInput').val(); $.ajax({ url:'${pageContext.request.contextPath}/bid/reAction_querySearchResult.action', type:'POST', data:{ pageNo:1, keyWord:keyWord }, success:function(data){ location.href='/DataMarket/searchResult?keyWord='+keyWord }, }) })
接收页面
$(function ttt(){ var keyWord=""; var url = location.search if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("="); keyWord=strs[1]; $('#search_input').val(keyWord); $("#ss").click(); } console.log(keyWord); })
3.显示的前后关系 z-index
css很基础的内容,把要显示在后面的内容设置成z-index:-1
4.关于jQuery 事件 - ready() 方法
就是指当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。
所以把自动加载的方法放在里面,把其他的放在$(function)外面
5.表单提交绑定回车键的问题
$("#searchInput").keydown(function() { if(event.keyCode=="13"){ $("#searchBtn").click(); } });
在写搜索的时候,把回车键和搜索按钮绑定,结果是按下回车后自动刷新页面。
为了解决这种问题,只要 onkeydown=”if(event.keyCode==13)return false;”把这句写在from标签里面就好了。
详细可见 http://www.jb51.net/article/50006.htm
6.汉字传值的解码
js传值的时候,会把字符转码,这会导致汉字(等)接受的时候成为编码格式。
只要在接受的参数外加上encodeURI() 方法就好了。
7.ajax
dataType的默认方式是String类型。如果后台传过来的是 json类型的数据,那么dataType必须设置成json
回调函数
如果要处理 $.ajax() 得到的数据,则需要使用回调函数:beforeSend、error、dataFilter、success、complete。
8.struts2下两种action往前台传值的方法
①利用ActionContext.getContext().put(“X”,X);
方法传值,然后前台直接用${X}获取
详细见 http://blog.csdn.net/smcfy/article/details/5693481
②利用jsonArray,jsonObject封装,然后前台通过ajax获取
比较推荐第二种方法,因为不需要跳转页面。
9.小插件
前台推荐些使用类似于http://t4t5.github.io/sweetalert/
这种插件,让界面更美观
- 近期问题解决方案总结
- 近期遇到的Android问题解决与总结
- 近期遇到的Android问题解决与总结
- 近期总结
- 近期总结
- 近期总结
- 近期总结
- 近期总结
- 近期总结
- 近期总结
- 近期总结
- 近期总结
- 近期总结
- 近期总结
- 近期总结
- 近期总结
- 近期总结
- 近期总结
- 为Linux搭建flask环境
- python3 函数
- 欧拉函数
- 向指定 URL 发送GET,POST方法的请求(传入指定url和参数,服务器返回字符串数据)
- Java中Double类型的运算精度
- 近期问题解决方案总结
- 数据仓库梳理方案
- 项目代码优化(一)
- 纹理与图片的区别
- uboot 设备树scan
- Repository模式
- No module named 'scipy'问题 与 python中 scipy模块的安装
- BufferedInputStream 源码学习笔记
- loadrunner查询mysql数据库