Comment ajouter une entrée utilisateur dans une zone de texte dans l'URL pour ouvrir une nouvelle page Web?

Question

S'il vous plaît aidez-moi avec ceci. Mon problème est que - j'essaye de construire un outil de reconnaissance de langue pour mon blog. Je suis actuellement faible dans js donc trouver des difficultés.

Tout ce que j'ai à faire est de mettre une boîte de texte et demander à l'utilisateur d'entrer la langue à détecter. Ensuite, je dois passer l'entrée de l'utilisateur dans l'url, soit q = "entrée de la zone de texte"

https://www.googleapis.com/language/translate/v2/detect?key=123&q= "entrée de la zone de texte" s'il vous plaît aider. Que dois-je faire avec window.open() pour que cela se produise?

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

J'utiliser jQuery puisque vous aurez besoin d'utiliser 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)); 
     }) 
    } 
}); 

Je suis sans tenir compte des window.open parce que la réponse est JSON de cette demande. Vous pouvez l'afficher quand vous le voulez.