Question

我有以下代码：

function myFunction(title) {
        var searc_url = 'http://www.omdbapi.com/?apikey=cc47980e&t='.concat(title)
        $.getJSON(searc_url,
        function(data, textStatus, jqXHR) {
            console.log(data)
            console.log(data["Title"])
            console.log(data["Year"])
            console.log(data["imdbRating"])
            console.log(data["Poster"])
            document.getElementById("title").innerHTML = data["Title"]
            document.getElementById("year").innerHTML = data["Year"]
            document.getElementById("rating").innerHTML = data["imdbRating"]
            document.getElementById("myImg").src = data["Poster"]
        }
        )
        }

我正在尝试从API调用图像，我在其中调用：

document.getElementById("myImg").src = data["Poster"]

（API返回图片的网站网址。）

然后，当我尝试将其作为我身体中的图像链接时：

<img id="myImg" src='data["Poster"]' alt="The Pulpit Rock">

图像永远不会加载。我只是得到替代文字。我试过这样做，我试过了

<img src="myImg" alt="Movie Image">

但行为相似。

我试图谷歌这个，但我对Javascript，HTML和PHP整体都很陌生，因此很难筛选出技术术语。

我是否需要以某种方式将其转换为变量？我不是吗？

我只是在页面上显示它时遇到问题 - 而不是从API中获取它。没有正确获取我设置的包含url的变量（id = myImg）。

谢谢！

编辑：哎呀。原来这个代码确实有用 - 问题是我的浏览器阻止了脚本！糟糕！

谢谢大家。

我试图弄清楚为什么这不合作。

Answer 1

也许如果您将值保存在另一个变量中，就像充电一样。

var imgValue = data.poster;

并将泡沫设置为img属性;

document.getElementById("myImg").src = imgValue.toString();

我希望它可以帮到你，祝你好运！

Answer 2

哎呀！解决！

我的浏览器阻止了我的脚本。

上述方法确实有效。采购id =“myImg”

将Javascript数据转换为图像源

2 个答案: