2011-09-01 14 views
2

ASP.NETページを呼び出すアヤックスに複雑なフォームデータの送信:は、私は以下の書面を持って

<table> 
    <tr> 
     <td>Worker Type:</td> 
     <td><input type="text" id="WorkerTypeTB"/></td> 
    </tr> 
    <tr> 
     <td>Worker Name:</td> 
     <td><input type="text" id="WorkerNameTB1"/></td> 
     <td>Worker Position</td> 
     <td><input type="text" id="WorkerPositionTB1"/></td>   
    </tr> 
    <tr> 
     <td>Worker Name:</td> 
     <td><input type="text" id="WorkerNameTB2"/></td> 
     <td>Worker Position</td> 
     <td><input type="text" id="WorkerPositionTB2"/></td>   
    </tr> 
    . 
    . 
    . 
    <tr> 
     <td>Worker Name:</td> 
     <td><input type="text" id="WorkerNameTBn"/></td> 
     <td>Worker Position</td> 
     <td><input type="text" id="WorkerPositionTBn"/></td>   
    </tr> 
    <tr> 
     <td> 
      <input type="button" id="SaveBTN"/> 
     </td> 
    </tr> 
</table> 

それは1つのワーカータイプフィールドを持ち、かつ動的にN(WorkerName、WorkerPosition)のフィールドを生成しました。

ASP.NETページを呼び出すAJAXにデータを送信する最適な方法は何ですか?

私は、次のjQueryのAJAXを使用しています:

$.ajax({ 
     type: "POST", 
     url: "AjaxMethod.aspx", 
     data: data, 
     //dataType: "json", ?????? 
     //contentType: "application/json; charset=utf-8" ????? 
    }); 

私はAjaxの呼び出しページに自分のデータを送信するためにJSONまたはいくつかの他のデータ型を使用する必要がありますか? 私は最適次のように私のフォームデータをフォーマットしたい:JSONはAJAX呼び出しページにデータを送信するために使用するのに最適なデータ型がある場合

workerType: developer 
workers: 
    workerName1: Jack 
    workerPosition1: Johnson 
    workerName2: Joe 
    workerPosition2: Phillips 
    ... 
    workerNameN: Walter 
    workerPositionN: Wolf 

どのようにJSONにこの種のデータをフォーマットしますか? このJSONオブジェクトをjQuery AJAX経由で送信するには?

サーバー側Page_Load関数でこのタイプのデータを受け入れる方法とその要素を読み取る方法は?

ありがとうございます!

+0

ところで:レイアウトのためにテーブルを使用しないでください。参照してください:http://www.alistapart.com/articles/prettyaccessibleforms –

+0

テーブルをレイアウトとして使用するのはベスト・アイデアではありませんが、ここではフォーム・データをdb via jQuery ajax – Zzz

答えて

4

この記事では、ASP.NET、JSON、json2、とjQueryを使って歩く:

Using complex types to make calling services less… complex

+0

この回避策がどれほどうまくいくかは魅力的です。どうもありがとうございました。 JSONを.NETオブジェクトに変換する背景に何があるのか​​説明できますか? – Zzz

+0

ASP.NETは、JavaScriptSerializerを自動的にシリアル化と非消化に使用します。 –

関連する問題