如何在網址中的文本框中添加用戶輸入以打開新網頁？

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。 您可以隨時顯示它。