如何更改 AJAX 函数中值的文本？

Question

有没有办法更改从 API 获取数据时收到的数据？我刚开始使用 AJAX 从 TikTok 获取 API 数据并且可以获得嵌入代码。我遇到的问题是一旦你获得数据后如何更改数据。我使用了 .find() 和 .replaceWith()，但收到一条错误消息，指出 find is not a function 和 replacewith is not a function。

您从 TikTok API 返回的用于在您的网站上嵌入视频的代码如下所示：

<blockquote class="tiktok-embed">

我需要将 class 更改为其他名称：

<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>

P.S。截至目前 post，TikTok 似乎无法访问它的 API。

Answer 1

您可以使用 String.prototype.replace 方法替换字符串中的 class 名称： 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',
  });
});

p.s。 - 根据 TikTok 文档，您应该向 https://www.tiktok.com/oembed?url=UrlToYourVideo 而不是直接视频 link 提出请求参见：https://developers.tiktok.com/doc/embed-videos

Answer 2

在 google 上搜索关键字“jquery api”。你可以找到作者 api 提供的任何东西来操纵你的 DOM.

关于你的问题，我认为你可以使用 api addClass 函数来操作 class of DOM

https://api.jquery.com/

如何更改 AJAX 函数中值的文本？

How to change text in a value in an AJAX function?

javascript

jquery

ajax