Wie Ergebnisse für ein Formular in einem div angezeigt werden?

Question

Ich bin derzeit ein Formular in ein div wie diese bringen:

$('#m').load('http://example.com/converter/index.php #converty'); 

ich die Ergebnisse müssen in der #m div angezeigt werden, es nimmt mich zur Zeit an den Konverter/index.php Seite, jede Hilfe dankbar! Das Formular, das geladen wird:

<form action="/converter/index.php" method="post" id="conversionForm" style="display: block;"> 
**do stuff** 
</form> 

FYI: die Seite mit dem Skript ist in der Stammdomäne, während der Konverter im Ordner example.com/converter Verzeichnis ist.

Answer 1

Verhindern Sie das Standardverhalten des Formulars Senden mit der Methode .submit für das Formularelement, dann sammeln Sie Ihre Formulardaten mit .serializeArray und tun, was Sie damit tun müssen.

Hier ist ein Beispiel.

$("form").submit(function(event) { 
 
    var formData = $(this).serializeArray(); 
 
    $.each(formData, function(i, item) { 
 
    var $p = $("<p>"); 
 
    $p.text(item.name + ": " + item.value); 
 
    $("#output").append($p); 
 
    }) 
 
    event.preventDefault(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="output"></div> 
 
<form method="get" action="foo.php"> 
 
    <div><input type="text" name="a" value="1" id="a"></div> 
 
    <div><input type="text" name="b" value="2" id="b"></div> 
 
    <div><input type="hidden" name="c" value="3" id="c"></div> 
 
    <div> 
 
    <textarea name="d" rows="8" cols="40">4</textarea> 
 
    </div> 
 
    <div><select name="e"> 
 
    <option value="5" selected="selected">5</option> 
 
    <option value="6">6</option> 
 
    <option value="7">7</option> 
 
    </select></div> 
 
    <div> 
 
    <input type="checkbox" name="f" value="8" id="f"> 
 
    </div> 
 
    <div> 
 
    <input type="submit" name="g" value="Submit" id="g"> 
 
    </div> 
 
</form>