如何有效地使用onClick和EJS

我正在尝试显示基于onClick事件的模式窗口

这是我在做onClick的地方

<div class = "post-content"> <a onClick = "<%"show()"%>"> <h6><center> <%= imageData[0].title%></center> </h6> </a> <img src = "<%= imageData[o].associated_images[0].url%>"> <center> <%= imageData[0].short_description%> </center> </div> 

这是模态窗口

 <% if(number){%> <div class = "single-preview"> <h6><center> <%= imageData[0].title%></center> </h6> <center><img src="<%=imageData[0].associated_images[0].url%>"style="width:720px height:405px;"> </center> <center> <%= imageData[0].long_description%> </center> <button class = "close-button"> × </button> </div> <%}%> 

这是我的js文件

 router.get(name, function(req, res) { res.render('shows', { number: false }); }); 

基本上我试图在show()被调用时改变variables的值。

我试过了
一个。 把显示function放在服务器端
湾 把显示function放在客户端
C。 使用onclick的许多不同的方法，我在这里看到
d。 在客户端声明数字variables<% var number = false%>

没有什么在为我工作。 请有人有任何想法

Answer 1

在客户端写一个显示函数来调用一个快速路由。

 function show(){ $( "#yourmodal" ).load( "/showmodalroute" ); } 

在onclick中调用这个函数

 <a onClick = "show()"> 

//表示路线

 router.get("/showmodalroute", function(req, res) { res.render('shows', { number: false }); }); 

如果你使用jQuery的东西将变得容易.JQuery是JavaScript库,,,痛苦javascipr你必须使http调用

 function show() { var xmlhttp=new XMLHttpRequest(); xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById('yourmodal').innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","/showmodalroute",true); xmlhttp.send(); } 

HTML //

 <a onClick = "show()">