Lo que quiero: de la siguiente URL, me gustaría obtener: Title , Was Price , Now Price , all colors aviable
https://www.michaelkors.com/mercer-gallery-medium-logo-tote-bag/_/R-US_30F1GZ5T6B?color=2170
Después de inspeccionar el código URL, necesito obtener datos de las siguientes clases product-name , listPrice y salePrice
Error: Acceso a XMLHttpRequest en 'https://www.michaelkors.com/greenwich-extra-small-studded-patent-leather-crossbody-bag/_/R-US_32F1GGRC5L?color=2711' desde el origen 'https:// localhost:44329' ha sido bloqueado por la política CORS: No hay ningún encabezado 'Access-Control-Allow-Origin' en el recurso solicitado.
Lo que probé:
var url = 'https://www.michaelkors.com/mercer-gallery-medium-logo-tote-bag/_/R-US_30F1GZ5T6B?color=2170'; var TitleClass = 'product-name'; fetch(url) .then(res => res.text()) .then(text => { document.getElementById('DisplayWebCode').innerHTML = text; console.log(text); }) .catch(err => console.log(err)); <div id="DisplayWebCode"> </div>Lo que estás tratando de lograr es posible. Simplemente no en el navegador javascript. Necesitarás NodeJS.
Puede usar tecnologías de raspado web para representar páginas web y extraer el título, el precio, etc. en el backend y servirlo en una API y luego realizar una solicitud de búsqueda desde su frontend. Puedes usar Titiritero para hacer el raspado. Consulte Titiritero para obtener más información.