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

时间:2011-08-05 18:49:09

标签: javascript html

请帮我解决这个问题。 我的问题是 - 我正在尝试为我的博客构建语言识别工具。 我目前在js中很弱,所以找到了困难。

我所要做的就是放一个文本框并要求用户输入要检测的语言。然后我必须将用户输入传递到url,即q =“从文本框输入”

https://www.googleapis.com/language/translate/v2/detect?key=123&q=“从文本框输入” 请帮忙。

我应该用window.open()做什么才能发生这种情况?

2 个答案:

答案 0 :(得分:4)

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

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

答案 1 :(得分: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。你可以随意显示它。