將內容ajax加載到html彈出窗口中

Question

因此，我正在嘗試使用IMDb API進行制作。 當您按下電影標題時，應該顯示一個彈出窗口，其中包含有關該電影的一些信息。 我一直在做一些事情，但是我不知道如何繼續。 如何將檢索到的電影數據發送到創建的HTML彈出窗口中？

因此，這是我的HTML代碼：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Plugin</title>
    <link rel="stylesheet" href="css/style.css"/>

</head>
<body>

<h1>...</h1>

<div id="container">

    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        <span class="movie" onclick="window.open('js/popup.js', 'imdbData','width=700,height=200');">The Shawshank Redemption </span>
        sed metus tortor, condimentum at mi non, scelerisque bibendum ante.
        Suspendisse dictum eget turpis nec condimentum. 
        fermentum mauris.
    </p>

</div>


</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="js/main.js"></script>
</html>

我的PHP文件如下所示：

<?php

$jsonText = file_get_contents('http://www.omdbapi.com/?i=tt0111161');

$imdb = json_decode($jsonText, true);


$results[] = [
    'Title' => $imdb['Title'], 'Year' => $imdb['Year'], 'imdbRating' => $imdb['imdbRating']
];

echo json_encode($results);
?>

最后是我的main.js ：（實際上並不多）

function getJson() {
    $.ajax({
        dataType: "json",
        url: 'imdb.php',
        success: 
    });
}

Answer 1

不確定“彈出窗口”是什么，但讓我們假設此“彈出窗口”具有一個ID為“電影標題”的元素，您希望使用數據中的Title屬性填充該元素：

function getJson() {
    $.ajax({
        dataType: "json",
        url: 'imdb.php',
        success: function (data) {
             $('#movie-title').html(data.Title)
        }

    });
}

Answer 2

我會以不同的方式來做。 首先，我將在php文件中准備所有彈出式窗口（對我來說這更容易）。 然后創建彈出div .eg id my_popup

function show_popup() {
$.ajax({
    dataType: "html",
    url: 'imdb.php',
    .done(function( msg ) {

$（“＃my_popup”）。html（msg）}）;

}）;

}

將內容ajax加載到html彈出窗口中

問題描述

2 個解決方案

解決方案1
0 2015-04-02 19:57:48

解決方案2
0 2015-04-02 20:08:46

將內容ajax加載到html彈出窗口中

問題描述

2 個解決方案

解決方案1 0 2015-04-02 19:57:48

解決方案2 0 2015-04-02 20:08:46

解決方案1
0 2015-04-02 19:57:48

解決方案2
0 2015-04-02 20:08:46