如何改变文本在一个AJAX函数的值?

Question

当您从API获取数据时，是否有方法更改您收到的数据?我是使用AJAX从TikTok获取API数据的新手，可以获得嵌入代码。我要解决的问题是，一旦你得到数据，如何改变它。我已经使用了.find()和.replaceWith()，我得到一个错误消息说find is not a function和replacewith is not a function。

你从TikTok API中得到的用于在你的网站上嵌入视频的代码是这样的:

<blockquote class="tiktok-embed">

，我需要把这个类改成别的名字:

<blockquote class="tiktok-video">

我的代码:

$('.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>

注:在我写这篇文章的时候，TikTok似乎在访问它的API时遇到了问题。

Answer 1

您可以使用String.prototype.replace方法替换字符串中的类名:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace

使用你的例子:

$.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',
});
});

注。-根据抖音文档，你应该向https://www.tiktok.com/oembed?url=UrlToYourVideo提出请求，而不是直接视频链接参见:https://developers.tiktok.com/doc/embed-videos

Answer 2

在Google上搜索关键字"jquery api"你可以找到作者提供的任何api来操作你的DOM。

在你的问题，我认为你可以使用api的addClass函数来操作类的DOM

https://api.jquery.com/