使用 Node.js/Express 处理 POST 请求数据并在另一函数中应用

const express = require('express');
const http = require('http');
const app = express();

// 添加中间件以解析 JSON 格式的请求体
app.use(express.json());
// 添加中间件以解析 URL 编码格式的请求体
app.use(express.urlencoded({ extended: true }));

app.post("/movies", function (req, res) {
  const imdbIDs = req.body;

  if (!Array.isArray(imdbIDs)) {
    return res.status(400).send("Invalid input: imdbIDs must be an array.");
  }

  const apiKey = 'YOUR_API_KEY'; // 替换为你的OMDb API密钥
  const movies = [];
  let completedRequests = 0; // 用于跟踪已完成的请求数量

  if (imdbIDs.length === 0) {
    return res.status(200).send(movies); // 如果imdbIDs为空，直接返回空数组
  }

  imdbIDs.forEach((imdbID, index) => {
    const apiUrl = `http://www.omdbapi.com/?&apikey=${apiKey}&i=${imdbID}`;

    http.get(apiUrl, (response) => {
      let responseData = '';

      response.on('data', (chunk) => {
        responseData += chunk;
      });

      response.on('end', () => {
        try {
          const movieData = JSON.parse(responseData);

          if (movieData.Response === 'True') {
            const movie = {
              Released: movieData.Released !== 'N/A' ? new Date(movieData.Released).toISOString() : null,
              Runtime: movieData.Runtime !== 'N/A' ? parseInt(movieData.Runtime) : null,
              Genres: movieData.Genre ? movieData.Genre.split(',').map(genre => genre.trim()) : [],
              Directors: movieData.Director ? movieData.Director.split(',').map(director => director.trim()) : [],
              Writers: movieData.Writer ? movieData.Writer.split(',').map(writer => writer.trim()) : [],
              Actors: movieData.Actors ? movieData.Actors.split(',').map(actor => actor.trim()) : [],
              MetaScore: movieData.Metascore !== 'N/A' ? parseInt(movieData.Metascore) : null,
              imdbRating: movieData.imdbRating !== 'N/A' ? Number(movieData.imdbRating) : null,
            };
            movies.push(movie);
          } else {
            console.error(`Error retrieving movie with imdbID ${imdbID}: ${movieData.Error}`);
          }
        } catch (error) {
          console.error('Error parsing movie data:', error);
        } finally {
          completedRequests++;
          if (completedRequests === imdbIDs.length) {
            // 所有请求都已完成，发送响应
            res.status(200).send(movies);
          }
        }
      });
    }).on('error', (error) => {
      console.error('Error fetching movie data:', error);
      completedRequests++;
      if (completedRequests === imdbIDs.length) {
        // 即使有错误，也发送响应
        res.status(200).send(movies);
      }
    });
  });
});

app.listen(3000, () => {
  console.log('Server listening on port 3000');
});

function loadMovies(imdbIDs) {
  const xhr = new XMLHttpRequest();
  xhr.open("POST", "/movies");
  xhr.setRequestHeader("Content-Type", "application/json"); // 设置请求头

  xhr.onload = function () {
    const mainElement = document.querySelector("main");

    // 清空 main 元素
    while (mainElement.firstChild) {
      mainElement.firstChild.remove();
    }

    if (xhr.status === 200) {
      try {
        const movies = JSON.parse(xhr.responseText);
        movies.forEach(movie => {
          // 使用 MovieBuilder 构建电影元素，并添加到 main 元素
          const movieElement = new MovieBuilder(movie, deleteMovie).build(); // 假设 MovieBuilder 有 build 方法
          mainElement.appendChild(movieElement);
        });
      } catch (error) {
        console.error("Error parsing JSON:", error);
        mainElement.textContent = "Error parsing movie data.";
      }
    } else {
      mainElement.textContent = `Data could not be loaded, status ${xhr.status} - ${xhr.statusText}`;
    }
  };

  xhr.onerror = function () {
    const mainElement = document.querySelector("main");
    mainElement.textContent = "Network error occurred.";
  };

  xhr.send(JSON.stringify(imdbIDs)); // 发送 JSON 字符串
}

// 示例：假设有一个表单，用户选择了一些电影的 imdbID
document.getElementById("movieForm").addEventListener("submit", function (event) {
  event.preventDefault(); // 阻止默认的表单提交

  const selectedMovies = [];
  const checkboxes = document.querySelectorAll('input[name="movie"]:checked'); // 假设checkbox的name是movie
  checkboxes.forEach(checkbox => {
    selectedMovies.push(checkbox.value); // 获取选中的 imdbID
  });

  loadMovies(selectedMovies); // 调用 loadMovies 函数，传递选中的 imdbID 数组
});

// 假设的 MovieBuilder 类 (需要根据你的实际代码调整)
class MovieBuilder {
  constructor(movie, deleteMovieCallback) {
    this.movie = movie;
    this.deleteMovieCallback = deleteMovieCallback;
  }

  build() {
    const movieElement = document.createElement('div');
    movieElement.classList.add('movie');

    // 添加电影信息到元素 (根据你的数据结构调整)
    const titleElement = document.createElement('h2');
    titleElement.textContent = this.movie.Title || 'Untitled';
    movieElement.appendChild(titleElement);

    const releasedElement = document.createElement('p');
    releasedElement.textContent = `Released: ${this.movie.Released || 'N/A'}`;
    movieElement.appendChild(releasedElement);

    // 其他电影信息的添加...

    return movieElement;
  }
}