div内のフォームの結果を表示するには？

Question

私は現在、このようなdiv要素にフォームを持っています：

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

私は結果が#M divの中に表示する必要がある、現在、それは任意のヘルプ感謝、コンバータ/ index.phpページに私を取ります！ロードされている形式：FYI

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

：コンバータは、フォルダexample.com/converterディレクトリにあるときにスクリプトを使ってページには、ルートドメインです。

Answer 1

フォーム要素の.submitメソッドを使用してフォーム送信の既定の動作を防止し、.serializeArrayを使用してフォームデータを収集し、必要な処理を行います。

ここは例です。

$("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>