在玉環中發送帖子

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

我現在想為每本書都提供一個“喜歡”按鈕。 如何在發帖請求中將book對象的ID發送給fe 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'
  });
});