最新消息: 电脑我帮您提供丰富的电脑知识,编程学习,软件下载,win7系统下载。

如何有效地使用的onClick和EJS

IT培训 admin 11浏览 0评论

如何有效地使用的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)

  1. 暂无评论