将HTML输入文本提交到脚本

时间:2017-09-27 21:18:09

标签: javascript html ajax api

首先,我刚刚开始学习JavaScript,所以也许你会看到的一些东西都没有意义,所以如果你能尽可能详细,我将不胜感激。

我想要一个输入文本,在提交时,该值将由脚本接收。提交时,我的意思是按“输入”键。键。我正在使用Accuweather API,我试图使用AJAX获取城市的密钥(您在输入字段中编写的密钥)。这就是我所拥有的:

HTML:

<form action="" onsubmit="getKey()">
      <input type="text" class="input-style" id="search" name="City"
      value="" autofocus="autofocus">
    </form>

JavaScript的:

    var request = new XMLHttpRequest();

    function getKey() {
        var citySearch = *JSON link*;    
        var inputField = document.getElementById("search").value
        citySearch += inputField
        request.open('GET', citySearch);
        var keyJSON = JSON.parse(request.responseText)
        var key = keyJSON[0].Key
        console.log(key)
    }

//The console.log() at the end of the function is just for testing.

我一直在做一些研究,显然我必须使用PHP(我对此一无所知),但我想在这里询问是否有更简单的方法。 谢谢。

0 个答案:

没有答案