jQuery：フォームを控除して送信し、データを構築する

Question

私はいくつかのカスタム値を持つフォームを持っており、それを傍受してバックエンドに渡されるデータを作成したいと思っています。

は、私が検索したと私は実行して提出することができintercep：

$("#search-form").submit(function(e){ 
    e.preventDefault(); 
    var form = this; 
    form.submit(); 
}); 

手動で提出する前に、私はバックエンドに渡されたデータを構築したいです。例えば、私は、次のデータを構築したいと思います：

{ 
    search: { 
    someField1: "someValue1", 
    someField2: "someValue2", 
    someFields: [ 
     { 
     nestedField1: "value1", 
     }, 
     { 
     nestedField2: "value2" 
     } 
    ] 
    } 
} 

を明確にするために、私は完全に削除したいフォームから元のデータが、私はそれに何があるか気にしません。

Answer 1

フォームの送信を傍受し、キャンセルして、好きなものを送信するためにajaxコールを使用することができます。

var data = { 
 
    search: { 
 
    someField1: "someValue1", 
 
    someField2: "someValue2", 
 
    someFields: [{ 
 
     nestedField1: "value1", 
 
     }, 
 
     { 
 
     nestedField2: "value2" 
 
     } 
 
    ] 
 
    } 
 
}; 
 
$('#test').submit(function(e) { 
 
    e.preventDefault(); 
 
    e.stopPropagation(); 
 
    $.post(this.action, data); 
 
    return false; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="test" action="http://google.com" method="POST"> 
 
    <input type="text" /> 
 
    <input type="submit" /> 
 
</form>