如何在网址中的文本框中添加用户输入以打开新网页？

Question

请帮我解决一下这个 。 我的问题是-我正在尝试为我的博客构建一种语言识别工具。 我目前在JS方面很虚弱，所以遇到了困难。

我要做的就是放一个文本框，要求用户输入要检测的语言。 然后，我必须将用户输入传递到url中，即q =“ input from text box”

https://www.googleapis.com/language/translate/v2/detect?key=123&q= “来自文本框的输入”请提供帮助。

我应该怎么用window.open（）做到这一点？

Answer 1

<input type="text" id="lang" />

window.open('https://www.googleapis.com/language/translate/v2/detect?key=123&q='+document.getElementById('lang').value);

Answer 2

我将使用jQuery，因为您将需要使用JSONP ：

<div id="results"> </div>

....

$.ajax({
    type: 'GET',
    dataType: 'json',
    url: 'https://www.googleapis.com/language/translate/v2/detect?key=123&q=' + $('inputId').val() + '&callback=?',
    success: function (data) {
          $.each(response.data.detections, function() {
            $('#results').text(JSON.stringify($(this)[0].language));
        })
    }
}); 

我忽略window.open，因为响应是该请求的JSON。 您可以随时显示它。