在单独的js文件中开发Jquery的问题

本文介绍了在独立的.js文件中使用JQuery绑定Click事件遇到的问题及解决方案。首先解决了获取项目根目录地址的问题,通过在JSP中设置变量并传递给JS。然后讨论了如何避免在HTML中大量使用onclick属性,而是将跳转逻辑集中在JS文件中。文章详细讲述了尝试使用Ajax GET请求导致的SpringMVC视图解析问题,最后找到了正确的JQuery方法实现点击事件的绑定和页面跳转。
摘要由CSDN通过智能技术生成

昨天整了很久的一个问题:尝试在单独的.js文件中绑定一个Click事件。一个看似极其简单的问题,对于我这个不熟练的人来说,收获颇多。

<li><a id="login" name = "login" href="http://xxxx" >登录</a></li>

上面这个a,要跳转到登录页面。如果直接写href就像上面这样,那么可以直接实现。

现在是要把他用Jquery写在单独的js文件中中,费了一番周折。第一个问题就是,js文件中如何取到项目根目录地址?也就是http://localhost:8080/xxx。借鉴了公司的项目,发现可以这么来。若在加载这个js文件的jsp文件中引用了这样的定义:

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<c:set var="ctx" value="${pageContext.request.contextPath}"/>

那么可以将这个ctx赋值给js变量: var ctx = $("#ctx").context.URL; 此时ctx即为 http://localhost:8181/projectname.在文件中就可以使用了。

搞定了这个以后,下一个问题又来了。如何跳转?我的第一个尝试是:

jsp文件: <li><a id="login" name = "login" οnclick="tologin()" >登

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值