在玉循环中发送帖子

Question

我在 Node 和 Jade 中发送具有特定 ID 的发布请求时遇到了一些困难。

假设我有 Node 返回书籍列表：

  res.render('tests', {books: books});

我的 Jade 模板通过循环显示所有书籍的列表。

block content
  .page-header
    h3 All Books

  ul
    for book in books
      li= book.title

我现在希望每本书都有一个“LIKE”按钮。如何在 post 请求中将 book 对象的 ID 发送到 f.e. http://example.com/books/like?

Answer 1

您可以将图书 ID 关联到每个 DOM 元素（一个按钮或您要使用的任何东西）：

ul
  for book in books
    li(class='like-book', id=book.id) book.title

然后绑定将触发 POST 请求的点击处理程序（假设您的后端使用 JSON）：

$('.like-book').on('click', function(evt) {
  var data = JSON.stringify({
    id: evt.target.id,
    // ...
  });

  $.ajax({
    type: "POST",
    url: "http://example.com/books/like",
    data: data,
    success: function(result) { /* */ },
    error: function(jqXHR, status, error) { /* */ },
    dataType: 'json'
  });
});