How to extract button info like id name in express without Dom

Question

I am creating a like button for each post using express with ejs. When I am using form, the entire page is getting refreshed and it defeats the whole purpose. When I am using button, the I am unable to extract the info like id without Dom. Can anyone please recommend what can I use to track the button activity every time its pressed since Dom doesn't work in express. There will be lots of button, one with every post. Every post is dynamically created with inputs from user, just like twitter. tweets with like. If I can keep track of who clicked the like button, it would result in keeping track of all likes dislikes to each post. This is my first project, kindly help.

This is dynamic format I am using:

          <% for(let i=0;i<tweet.length;i++){ %>
            <div class="tweets">
              <span> <%= tweet[i].name %></span><br>
              <span> <%= tweet[i].data %></span><br>
              <button type="submit" class="" name="like" id="<%= 'thisis'+ tweet[i].id%>"><i class="fa fa-thumbs-up" aria-hidden="true"></i></button>
            </div>
          <%} %>

I am giving button same Id as tweet so I can know which one is pressed.

Thank you

score 1 · Answer 1 · answered Mar 21 '22 at 21:00

1

Try using something like ajax to perform a post request without refreshing the page or 'leaving' the current page.

Ajax tutorial for post and get

answered Mar 21 '22 at 21:00

oriel9p

298
2
5

Hey , should I use it alongside express ? also is there any other alternatives aside for ajax ? ty – Shekhar lohach Mar 22 '22 at 16:36
Yes, you can use it alongside express, ajax will make a request to your express api endpoint. – oriel9p Mar 23 '22 at 17:14

How to extract button info like id name in express without Dom

1 Answers1