フォームがあり、ユーザーが挿入したデータを取得して、json 形式に変換したいと考えています。まず、私のフォームはこちらです—</p>
<form id="patient_form" action="#" class="form-horizontal">
<div class="control-group">
<label class="control-label" for="firstName"> First Name<em>*</em></label>
<div class="controls">
<input type="text" id="firstName" class="required" maxlength="100"
placeholder="First Name" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="middleNameInitial">
Middle Name Initial</label>
<div class="controls">
<input type="text" id="middleNameInitial"
placeholder="Middle Name Initial" class="input-small"
maxlength="1" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="lastName"> Last Name <em>*</em></label>
<div class="controls">
<input type="text" id="lastName" placeholder="Last Name"
class="required" maxlength="100" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="dateOfBirth"> Date Of
Birth</label>
<div class="controls">
<input type="text" id="dateOfBirth" class="required" />
</div>
</div>
<div class="control-group">
<div class="controls">
<button type="button" class="btn btn-primary"
onclick="savePatientInfo()">Save Changes</button>
<button type="button" class="btn"
onclick="cancelPatientInfoForm()">Cancel</button>
</div>
</div>
</form>
そして、それらをサーバーに送り返したいと思います。また、サーバー側のコードには spring mvc を使用し、クライアント側には JQuery を使用しています。
どうすればそれを行うことができますか?基本的に2つのことが必要です。
- Ajax 呼び出し (フォーム データを取得して json に変換し、ajax 呼び出しという 3 つの基本的な処理を行う JavaScript 関数)
- ajax呼び出しを消費するサーバー側メソッド(Spring MVCを訴えているコントローラーメソッド)
どんな助けでも大歓迎です。