API调用的工作搜索框

时间:2016-09-07 20:44:05

标签: javascript

我无法弄清楚我的代码中出错了什么。我在搜索输入框中输入内容并单击搜索按钮后尝试显示gif图像。

var button = document.createElement('button');
document.body.appendChild(button);
button.innerHTML = "Search"

var input = document.createElement("input");
document.body.appendChild(input);

function afterLoad() {
    var data = JSON.parse(this.responseText)
    var image = document.createElement('img')
    image.src = data.data[0].images.original.url
    document.body.appendChild(image)
    }

function afterClick() {
    var terms = target.value.split(' ').join('+')
    alert(terms);
    var request = new XMLHttpRequest()
    request.addEventListener('load', afterLoad)
    request.open('GET', 'http://api.giphy.com/v1/gifs/search?q='+terms+'&limit=1&api_key=dc6zaTOxFJmzC')
    request.send()

    }

button.addEventListener("click", afterClick)

1 个答案:

答案 0 :(得分:1)



<body></body>
&#13;
find /Applications -maxdepth 1 -name "*.app" -type d
&#13;
&#13;
&#13;

未找到您定义目标的位置。给输入一个id并取其值。工作正常。

修改 如果我搜索&#34; xxxxx&#34;

,则会显示图像