Sende Post in Jade-Schleife

Question

Ich habe einige Schwierigkeiten beim Senden einer Post-Anfrage mit einer bestimmten ID in Node und Jade.

Sagen, ich habe Knoten eine Liste der Bücher Rückkehr:

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

Meine Jade-Vorlage durch Looping durch sie eine Liste aller Bücher zeigt.

block content 
    .page-header 
    h3 All Books 

    ul 
    for book in books 
     li= book.title 

Ich möchte jetzt einen "LIKE" -Button für jedes Buch. Wie kann ich die ID des Buchobjekts in einer Postanfrage an z.B. http://example.com/books/like?

Answer 1

Sie könnten das Buch ID zu jedem DOM-Element zugeordnet werden (eine Schaltfläche oder was auch immer Sie verwenden werden):

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

und dann ein Klick-Handler binden, die die POST-Anforderung auslösen wird (vorausgesetzt, Ihr Backend spricht 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' 
    }); 
});