背景
在前段时间做URL分级菜单的修改时,用到$.get(),发现其与$.ajax()很像,就查了下API...
全选
示例 :
//动态添加导航 $.get('<c:url value="/application/getNav"/>',{url:"${url}"},function(result){ for(var i = result.total-1;i>=0;i--){ $(".title ul").append("<li>" + result.rows[i] + "</li>"); } });
总结
- 1.若在页面打开时就加载,在最外层加上:
全选 示例 :
$(function(){... });
- 2.$.get({})参数:
- url:String类型,要访问的url地址
- data:Map类型(key:value),待发送的参数
- callback:function类型,载入或者说数据正常返回后的回调函数
- type:返回值格式,如xml、html、script、json等
- 这是一个简单的 GET 请求功能以取代复杂 $.ajax ;请求成功时可调用回调函数。如果需要在出错时执行函数,就得使用$.ajax。
- 3.注意:
- 查看代码中的{url:"${url}"}(参数),若在后台用request.setAttribute()绑定参数,前台获取参数值通过el表达式,记着:一定要加""(双引号)。
- 4.后台通过递归算法,遍历加载分级菜单,有效防止菜单级数扩展带来的维护问题(以后在考虑问题全面行上应加以提升)。