[英]Send post in jade loop
我在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 ?
您可以将图书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'
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.