Html 使用jQuery从API循环通过JSON数组,可以得到所有结果或无结果,循环没有运气

Html 使用jQuery从API循环通过JSON数组,可以得到所有结果或无结果,循环没有运气,html,jquery,api,Html,Jquery,Api,我只是在尝试一些新的东西来更新技能,对于这个jQueryAPI响应我有点困惑。我将所有结果都显示在控制台上,我将它们显示在一个html文件中,但它们都作为一个整体显示。我想在每个单词之间留出一段时间(它是[Words API][1],我被卡住了。我通常使用PHP,但对于我的计划来说,这并不实用。这是代码,我将尽我所能展示最好的结果。谢谢 <div id="div1"> // This is where it shows up as "unm

我只是在尝试一些新的东西来更新技能,对于这个jQueryAPI响应我有点困惑。我将所有结果都显示在控制台上,我将它们显示在一个html文件中,但它们都作为一个整体显示。我想在每个单词之间留出一段时间(它是[Words API][1],我被卡住了。我通常使用PHP,但对于我的计划来说,这并不实用。这是代码,我将尽我所能展示最好的结果。谢谢

   <div id="div1">
    // This is where it shows up as "unmitigated,butcherly,crimson,gory,homicidal,internecine"        
     </div>
   <script>  
const settings = {
    "async": true,
    "crossDomain": true,
    "url": "https://wordsapiv1.p.rapidapi.com/words/bloody/similarTo",
    "method": "GET",
    "headers": {
    "x-rapidapi-key": "<my key>",
    "x-rapidapi-host": "<host>"
    }
 };

$.ajax(settings).done(function (response) {
    console.log(response);
      $("#div1").html(response.similarTo + " "); // This puts a comma between each word, but no spacing, when I want a line break. I need to be able to customize results, make them links, add styles, etc.
});

//在这里,它表现为“未缓和的、残忍的、深红的、血淋淋的、杀人的、自相残杀的”
常量设置={
“异步”:true,
“跨域”:正确,
“url”:”https://wordsapiv1.p.rapidapi.com/words/bloody/similarTo",
“方法”:“获取”,
“标题”:{
“x-rapidapi-key”:“,
“x-rapidapi-host”:”
}
};
$.ajax(设置).done(函数(响应){
控制台日志(响应);
$(“#div1”).html(response.similato+”);//当我想要换行时,这会在每个单词之间放置一个逗号,但没有空格。我需要能够自定义结果,使它们成为链接,添加样式,等等。
});

非常感谢!仅3周的严格“呆在家里”Covid19指令。我学到了很多!

我猜您在
响应中有一个文本字符串。类似的
包含一堆逗号分隔的单词

您可以这样处理它们。Split在逗号处打断它们。此代码的其余部分将它们格式化为HTML列表并显示它们

const results=[]
const words=response.similato.split(',')
for(const单词中的单词){
/*依次对每个单词做你想做的事情,例如*/
结果.推送(“
  • ”+word+“
  • ”) } $(“#div1”).html(“”+results.join(“”)+
    它在控制台中工作,但不幸的是,我在那一行上看到了“Uncaught TypeError:response.similato.split不是一个函数”。我正在查找一些修复程序,仍在尝试。感谢您迄今为止的帮助!您的TypeError表示
    响应。similato
    不是字符串:它没有
    .split()
    method.Do
    console.log(response)
    ,检查
    response
    对象,确保您理解其内容。您好,您能显示
    response
    的输出吗?