Zomato Reviews Fetch

by Pranab Dey

HTML

<div class="review"></div>

CSS

.review .reviews{
  border: 1px solid;
  padding: 6px 10px;
}
.review .reviews:not(:last-child){
  margin-bottom: 10px;
}
.review img{
  width: 50px; height: 50px; border-radius: 50%;
  border: 2px solid #333; vertical-align: middle;
  margin-right: 10px;
}
.review .userName{
  font-weight: 600;
}
.review a{
  padding: 2px 5px;
}

JavaScript

/*key- 96a0aa5823d01fdfbbae04f32b75e931
res_id - 18590293 */
var review = document.querySelector(".review");
jQuery.ajax({
url: "https://developers.zomato.com/api/v2.1/reviews?res_id=18590293",
success: ()=>console.log("api success"),
error: ()=>console.log("api error"),
headers: ({
"user-key": "96a0aa5823d01fdfbbae04f32b75e931"
}),
type: "GET",
}).done(function(result){
result.user_reviews.map(function(item){
review.innerHTML+=`<div class="reviews"><li>${item.review.review_text} <a href="https://zomato.com/review/${item.review.id}" target="_blank">Read More</a></li><br><img src="${item.review.user.profile_image}"/><span class="userName">${item.review.user.name}</span></div>`;
});
});