如何有效地使用的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>
回答如下:
写在其中要求明确路径客户端秀功能:
function show(){
$( "#yourmodal" ).load( "/showmodalroute" );
}
调用onClick
功能:
<a onClick = "show()">
快速通道:
router.get("/showmodalroute", function(req, res) {
res.render('shows', {
number: false
});
});
如果您使用JQuery事情就好办了。 (jQuery是一个JavaScript库)在平原javascipt的,你就必须做出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()">
如何有效地使用的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>
回答如下:
写在其中要求明确路径客户端秀功能:
function show(){
$( "#yourmodal" ).load( "/showmodalroute" );
}
调用onClick
功能:
<a onClick = "show()">
快速通道:
router.get("/showmodalroute", function(req, res) {
res.render('shows', {
number: false
});
});
如果您使用JQuery事情就好办了。 (jQuery是一个JavaScript库)在平原javascipt的,你就必须做出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()">
与本文相关的文章
评论列表 (0)
- 暂无评论