¿Hay alguna forma de cambiar los datos que recibe cuando obtiene datos de una API? Soy nuevo en el uso de AJAX para obtener datos API de TikTok y puedo obtener el código de inserción. El problema que tengo es cómo cambiar los datos una vez que los tienes. He usado .find() y .replaceWith() y recibo un mensaje de error que dice que find is not a function y replacewith is not a function .
El código que obtiene de la API de TikTok para insertar un video en su sitio se ve así:
<blockquote class="tiktok-embed">y necesito cambiar la clase para llamarlo de otra manera:
<blockquote class="tiktok-video">Mi código hasta ahora:
$('.btn').click(function() { $('.text').text('loading . . .'); $.ajax({ type:"GET", url:"https://www.tiktok.com/@fatcapsprays/video/7105385471500455174", success: function(data) { // Problem is here $('.text').text(JSON.stringify(data.html)); }, dataType: 'JSON', }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button type="button" class="btn">Click me!</button> <p class="text">Code</p>PS TikTok parece tener problemas para acceder a su API a partir de esta publicación para mí.
Puede reemplazar el nombre de la clase en la cadena usando el método String.prototype.replace : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace
Usando tu ejemplo:
$.ajax({ type:"GET", url:"https://www.tiktok.com/@fatcapsprays/video/7105385471500455174", success: function(data) { // Problem is here $('.text').text(JSON.stringify(data.html.replace('tiktok-embed', 'tiktok-video')); }, dataType: 'JSON', }); }); pd: de acuerdo con la documentación de TikTok, debe realizar sus solicitudes a https://www.tiktok.com/oembed?url=UrlToYourVideo , no al enlace de video directo Ver: https://developers.tiktok.com/doc/embed -videos
busque en google con la clave "jquery api". puede encontrar cualquier cosa proporcionada por el autor para manipular su DOM.
En su problema, creo que puede usar la función api addClass para manipular la clase de DOM