Verwenden von JavaScript zum Senden von Eingaben an eine URL und Steuern eines iFrames bis zum Senden?

Question

Ich habe einen einfachen HTML-Setup:

 <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> 

Ich habe einige ähnlichen Titel sah über und die Methoden funktionierten nicht. Vielleicht mache ich etwas völlig falsch, da der iFrame nichts tun sollte, bevor submit gedrückt wird.

Answer 1

mit form Tag testen und Rückkehr verwenden einreichen für verhindern die Seite aktualisieren .Und das src Attribut über dom .Der iframe eingestellt geladen wurde, nachdem das src

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

hinzugefügt

Der iFrame wird geladen, sobald die übergeordnete Seite gerendert wird, weil Sie das src-Attribut innerhalb des html-Tags festgelegt haben.

Wenn Sie möchten, um es laden später können Sie dies tun, indem Sie das Attribut src in JavaScript Einstellung dann:

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