Cách Lấy Mã Sản Phẩm từ API Bằng JavaScript Trong Developer Tools

Trong quá trình phát triển web, chúng ta thường phải làm việc với các API trả về dữ liệu phức tạp như JSON. Đôi khi, bạn cần lấy ra những thông tin cụ thể từ những phản hồi này. Trong bài viết này, mình sẽ hướng dẫn bạn cách lấy mã sản phẩm (productId) từ phản hồi API bằng cách sử dụng JavaScript trong Developer Tools của trình duyệt. Cách này đơn giản và tiết kiệm thời gian hơn so với việc làm thủ công.

1. Mở Developer Tools:

Đầu tiên, bạn cần mở Developer Tools trong trình duyệt. Bạn có thể làm điều này bằng cách nhấn F12 hoặc Ctrl + Shift + I (Windows/Linux) hoặc Cmd + Option + I (Mac).

2. Đi tới tab Console:

Tab Console cho phép bạn chạy mã JavaScript trực tiếp trong trình duyệt, rất tiện lợi cho việc thử nghiệm và lấy dữ liệu.

3. Sao chép và dán phản hồi API:

Trước tiên, bạn cần sao chép dữ liệu JSON trả về từ API. Ví dụ, nếu phản hồi API có dạng như sau:

Dán đoạn dữ liệu này vào console và gán nó vào một biến:

create-a-variable-for-the-response-body — Create a variable for the response body

4. Lấy các giá trị productId:

Bây giờ, bạn có thể dùng JavaScript để duyệt qua dữ liệu và lấy các productId:

using-javascript-to-extract-data — Using js to extract your data

Đoạn mã này sử dụng phương thức .map() để duyệt qua mảng users, lấy productId từ từng user và lưu chúng vào một mảng mới.

5. Sao chép kết quả:

Cuối cùng, mảng các productId sẽ được hiển thị trong console. Bạn có thể sao chép chúng để sử dụng cho các mục đích khác.

Kết luận

Việc trích xuất dữ liệu cụ thể từ phản hồi API có thể trở nên dễ dàng và nhanh chóng nếu bạn biết cách. Sử dụng JavaScript trong Developer Tools của trình duyệt giúp bạn tự động hóa quá trình này, tiết kiệm thời gian và công sức. Đây là một công cụ hữu ích cho các nhà phát triển và tester khi làm việc với các bộ dữ liệu lớn hoặc API phức tạp.