+2
Hỏi về Fetch data JS
em có một thắc mắc là: + em viết APT hiện ra danh sách sản phẩm. + em vào template call API rồi fetch ra đc list danh sách r. + bây giờ em muốn ấn vào một sản phẩm -> nhảy sang 1 view khác rồi hiện ra chi tiết sản phẩm đấy Vấn đề em đang gặp là + em click vào 1 sản phẩm. em phải gửi id sản phẩm vd "http://192.168.1.83:8000/api/v1/book/?id_book=12" rồi phải redirect đến template detail-product nữa. em ko biết làm như nào?
Add a comment
2 ANSWERS
+2
Bạn có thể gắn id sản phẩm đó vào href của link hoặc button, khi click thì chuyển sang trang thông tin chi tiết, lấy id từ URL rồi gọi API bằng id đó. Ví dụ như:
<ul>
<li><a href="/detail?id_book=0">Chi tiết</a></li>
<li><a href="/detail?id_book=1">Chi tiết</a></li>
...
</ul>
<script>
const bookId = new URLSearchParams(location.search).get("id_book");
fetch(`api/v1/book/?id_book=${bookId}`).then(...)
</script>
Cảm ơn anh ạ. em mường tượng ra rồi ạ
Anh ơi nhưng mà em const get data từ url ko đc ạ : const bookId = new URLSearchParams(location.search).get("id_book"); console.log(bookId); // null ko đc anh ạ.
em tìm cách này dc roi ạ
const queryString = window.location.search; console.log(queryString); const urlParams = new URLSearchParams(queryString); const product = urlParams.get('username') console.log(product);
