【问题标题】:Can I render the response of the success block of ajax to the ejs file?我可以将ajax成功块的响应渲染到ejs文件吗?
【发布时间】:2018-09-30 13:10:59
【问题描述】:

我有 compare.ejs 文件。我想解析这个文件中的响应。

我可以从 public 文件夹中的 some.ajax 文件重定向到 WebServer 文件夹中的 comparison.ejs 文件吗?

$('document').ready(function()
{
$(".button4").click(function(){
var a="",b="",c="",d="";
if(($('#out1').css('display') == 'block') || ($('#out2').css('display') == 'block') || ($('#out3').css('display') == 'block') || ($('#out4').css('display') == 'block'))
{
  if($('#out1').css('display') == 'block')
  {
    a = $('#cd1').attr('class');
    // alert(a);
  }
  if($('#out2').css('display') == 'block')
  {
    b = $('#cd2').attr('class');
    // alert(b);
  }
  if($('#out3').css('display') == 'block')
  {
    c = $('#cd3').attr('class');
    // alert(c);
  }
  if($('#out4').css('display') == 'block')
  {
    d = $('#cd4').attr('class');
    // alert(d);
  }
  // alert(a+" "+b+" "+c+" "+d);
  $.ajax({
    url: 'http://localhost:3000/compItems',
    method: 'POST',
    contentType: 'application/json',
    data: JSON.stringify(
      {
        dat1: a,
        dat2: b,
        dat3: c,
        dat4: d
      }
    ),
    success: function(response)
    {
      // document.write(response);
      var renderedData = new EJS({url:'../../Webserver/views/comparison.ejs'}).render({data:response});
      alert("Here");
      document.write(renderedData);
      // $('.contact').html(renderedData);
    }
  });
}
else {
  alert("Please select minimum one product");
}
});
}

响应给了我想要的输出。现在我想将此响应呈现给 compare.ejs 文件。

可以这样做吗?或者我可以通过 jquery 在成功块中创建 ejs。

在上面的代码中,我将从视图文件夹中的 index.ejs 文件中调用这个 ajax 代码。

【问题讨论】:

  • ajax 和前端不知道 ejs 文件甚至存在。我不明白你在问什么。 ejs:后端。 ajax:前端。

标签: jquery node.js express ejs


【解决方案1】:

您的意思是如果流程已完成,您想显示响应吗?您可以使用flash 来显示通知。 例如

req.flash('message_err', "password didn't match");

然后在渲染函数中传递它

res.render('index/login', {message_err: req.flash('message_err')});

并在视图中打印{{message_err}}

【讨论】:

    猜你喜欢
    • 2018-04-14
    • 1970-01-01
    • 2016-09-14
    • 1970-01-01
    • 2015-05-24
    • 1970-01-01
    • 2019-01-19
    • 2021-05-15
    • 2012-04-15
    相关资源
    最近更新 更多