时间戳

首页 > 解决方案 > 嵌套循环无法并行正常工作

javascript - 嵌套循环无法并行正常工作

问题描述

我是一名学生，我正在尝试基于电影数据库 API 构建一个电影网站。我的代码的问题是嵌套循环不起作用。外层循环总是完成第一次直接跳转到第 n 个值，而内层循环执行得很好。

function getMovieslist() {
  //////////////////////action movies/////////////////
  for(j=1;j<2;j++){
    let list = '';
    axios.get('https://api.themoviedb.org/3/discover/movie?api_key=API_KEY&with_genres=28&page='+j)
      .then((response) => {
        let movies = response.data.results;
        console.log(response);
        console.log(j);
        let indexx=0;
        $.each(movies, (index, movie) =>{
            list+=`
                <div style="z-index=0;" class=" swiper-slide"><img style="z-index=0;" onclick="movieSelected('${movies[indexx].id}')" 
                src="https://image.tmdb.org/t/p/w500${movies[indexx].poster_path}" 
                height="auto" width="150" class="img-thumbnail"></div>
            `;
            indexx++;
        })
        $('#movie-list-action').html(list);
      })
      .catch((err) => {
        console.log(err);
      });
  }

我想从多个页面中获取电影列表。

标签： javascriptjqueryapiweb

解决方案

推荐阅读