${pageContext.request.contextPath}|request.getContextPath() 项目路径怎么在js(jquery)中获得

本文链接：https://blog.youkuaiyun.com/qq_24691413/article/details/78532756

本文介绍了一种在Web应用中使用CTX路径进行登录验证的方法。通过定义和使用$ctx变量来构造页面元素的链接，确保了链接路径的正确性和灵活性。同时，还展示了如何通过Ajax实现用户输入验证及后端交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CTX 路径

javascript:void(0)

var $ctx='<%=request.getContextPath()%>'; 定义路径

$("#top_login_form").append($("<a href='"+$ctx+"/NewsListServlet'>管理</a>")); 使用路径

<script type="text/javascript" >
var $ctx='<%=request.getContextPath()%>';      $(function(){
	  
	 $("#homepagelogin").click(function(){
		if($("#user").val() == ""){
			alert("用户名不能为空");
			return false;
		}
		if($("#password").val() == ""){
			alert("密码不能为空");
			return false;
		}
		
		$.ajax({
            "url"       : "UserServlet",   //要提交的URL路径
            "type"      : "post",           //发送请求的方式
            "data"      : {user:$("#user").val(),password:$("#password").val()} ,    //要发送到服务器的数据
            "dataType"  : "json",          //指定返回的数据格式
            "success"   :  function callBack(data) {
            	$("#top_login_form").html("欢迎登录:"+data.userName);
            	var name = data.userName;
            	if(name=="admin"){
            		alert("哈哈");
            		 $("#top_login_form").append($("<font></font>"));
            		 $("#top_login_form").append($("<a href='"+$ctx+"/NewsListServlet'>管理</a>"));            		
            	}
            	
				/* if (data == "true") {
					$("#nameDiv").html("用户名已被使用！");
				} else {
					$("#nameDiv").html("用户名可以使用！");
				} */
			},        //响应成功后要执行的代码
            "error"     : function(msg) {     //请求失败后要执行的代码
            	 alert(msg);
            }
		});
		//end of callBack()
		
		
	}); 
	
});




</script>

红色的部分是定义路径蓝色的部分是使用路径.