如何像在 php 中一样在 javascript 中使用 file_get_contents(url)？ 有什么替代方法吗？

Question

So Below given is my 1st URL

const video_api_url="https://vsrequest.video/request.php?key=<>?&secret_key=<>&tmdb=1&ip=<>&video_id="

So the video is found using the id
That's why I wrote a function

function getInfo_OfSearchMovie(searchedMovies){
    const SearchMovie = document.createElement('div')
    SearchMovie.setAttribute('class','des');
    Search_movie_Template = 
    searchedMovies.map((movie)=>{
       const newVideo= video_api_url + movie.id // I HAVE USED THE ABOVE video_api_url HERE 
       
            return `
            <a href="${newVideo}"></a> // and then I have used that URl here..
           <iframe src="${newVideo}"&e=1" width="600" height="400" 
           frameborder="0" allowfullscreen="true" scrolling="no"></iframe>
            </h2>
           `
        });  
    
}

     <a href="${newVideo}"></a>

After the above code is executed when I hyperlink the 1st URL I get 2nd URL for eg:-https://streamwatching.today/v/m15hbx0g1OYnyESlb5tKGBgxkenWnZu73AMJpxbB34Djfw3uOj5tUaBCQDBw .I want to add this 2nd URL in iframe tag . So that I can get the video which is in the above 2nd URL..
I tried something like this with 1st URL but it didn't work.. <iframe src="${newVideo}"&e=1" width="600" height="400" frameborder="0" allowfullscreen="true" scrolling="no"></iframe>
Thus the const video_api_url="https://vsrequest.video/request.php?key=<>?&secret_key=<>&tmdb=1&ip=<>&video_id=" contains the 2nd URL and that URL is the video which I want to display in iframe tag .
Well in PHP we can use file_get_contents(url) , Is there any another alternative to file_get_contents(url) in Javascript..

Answer 1

Of what I understand you want to display multiple iframes. One for each video from searchedMovies ?

I replaced .map with .forEach and moved the creation of SearchMovie within the forEach loop so that there's a new div created for each movie.

const video_api_url="https://vsrequest.video/request.php?key=<>?&secret_key=<>&tmdb=1&ip=<>&video_id=";

function getInfo_OfSearchMovie(searchedMovies) {
  searchedMovies.forEach((movie) => {
    const SearchMovie = document.createElement('div');
    SearchMovie.setAttribute('class','des');
    const newVideo = video_api_url + movie.id; // I HAVE USED THE ABOVE video_api_url HERE 
    const videoHTML = `
      <a href="${newVideo}">Video Link</a><br>
      <iframe src="${newVideo}&e=1" width="600" height="400" 
      frameborder="0" allowfullscreen="true" scrolling="no"></iframe>
      </h2>
        `;

    SearchMovie.innerHTML = videoHTML;
    document.getElementById('searchResults').appendChild(SearchMovie);
  });
   
}

getInfo_OfSearchMovie([
  {id: 100},
  {id: 200},
  {id: 300},
]);

Demo: https://jsfiddle.net/jxLv2kt4/

Answer 2

As you said, alternative to file_get_contents() in PHP.

You can make a HTTP request using Fetch API .

According to your question, I assume that the VIDEO_API_URL returns a video URL based on the movie.id .

If each movie.id requires a HTTP request to get the URL, you can use the below method to handle them asynchronously.

In PHP, file_get_contents is synchronous

const video_api_url = "https://vsrequest.video/request.php?key=<>?&secret_key=<>&tmdb=1&ip=<>&video_id=";


function getInfo_OfSearchMovie(searchedMovies){
    // store all the promises returned by fetch.
    const promises = searchedMovies.map( async (movie) => {
       try {
           // make a get request to your API
           return await fetch(video_api_url + movie.id);
        } catch (e) {
           console.error(`Exception: ${e}`);
        }
    });
    // return the data as array after all the promises are resolved.
    return Promise.all(promises).then((data) => data);
}

let video_urls = getInfo_OfSearchMovie(<your_searched_movies>);

// loop through your urls and insert iframe for each
video_urls.forEach((url) => { 
    yourselector.insertAdjacentHTML('beforeend', `<iframe src="${url}">`); 
});