xStore.reviews#

Đánh giá sản phẩm.

Phương thức#

Ví dụ đầy đủ#

<script>
  // Đọc đánh giá không cần đăng nhập; gửi đánh giá thì có.
  async function renderReviews(productId) {
    const page = await xStore.reviews.list({ product_id: productId, limit: 10 });

    document.getElementById('reviews').innerHTML = page.items.map((r) => `
      <li>
        <strong>${'★'.repeat(r.rating)}</strong> ${r.title}
        <p>${r.body}</p>
        <small>${xStore.utils.formatDate(r.created_at)}</small>
      </li>
    `).join('');
  }

  document.getElementById('review-form').addEventListener('submit', async (e) => {
    e.preventDefault();
    const form = e.currentTarget;

    try {
      await xStore.reviews.submit({
        product_id: form.dataset.productId,
        rating:     Number(form.rating.value),
        title:      form.title.value,
        body:       form.body.value,
      });
      form.reset();
      renderReviews(form.dataset.productId);
    } catch (err) {
      if (err.status === 401) {
        window.location.href = '/dang-nhap?next=' + encodeURIComponent(location.pathname);
      } else {
        alert(err.message);
      }
    }
  });

  renderReviews(document.getElementById('review-form').dataset.productId);
</script>

Thư viện gọi tới /api/... trên chính tên miền cửa hàng, nên không cần khai báo địa chỉ máy chủ ở bất kỳ đâu.

Xem thêm Sự kiện để giao diện tự cập nhật sau mỗi thao tác.