Utiliser JavaScript pour envoyer une entrée à une URL et contrôler un iframe jusqu'à ce que vous l'envoyiez?

Question

J'ai une configuration html de base:

 <input id="input_data" type="text" /> 
    <input id="submit_data" type="submit" value="submit" /> 
<br /> 
<iframe name="Frame1" id="Frame1" src="~/d/Test.php?DataId=(This is where I need input data)" ></iframe> 

Je l'ai regardé quelques titres similaires et les méthodes ne fonctionnent pas. Peut-être que je fais quelque chose de mal complètement car l'iframe ne devrait même pas faire quoi que ce soit jusqu'à ce que l'on appuie sur submit.

Answer 1

Essayez avec form tag pour fournir et utiliser pour empêcher la retour rafraîchir la page .And définir l'attribut src par dom iframe .La a été chargé après la src ajouté

function add() { 
 
    var url = document.getElementById('input_data').value 
 
    document.getElementById('Frame1').src = "~/d/Test.php?DataId=" + url 
 
    console.log(document.getElementById('Frame1').src); 
 
    return false; 
 
}

<form onsubmit="return add()"> 
 
    <input id="input_data" type="text" /> 
 
    <input id="submit_data" type="submit" value="submit" /> 
 
    <br /> 
 
</form> 
 
<iframe name="Frame1" id="Frame1"></iframe>

Answer 2

Le iFrame est en cours de chargement dès que la page parente est rendue, car vous définissez l'attribut src dans la balise html.

Si vous souhaitez le charger, vous pouvez le faire plus tard en définissant l'attribut src en JavaScript puis:

document.getElementById("Frame1").src = "/d/Test.php?DataId=" + data;