javascript - 将复杂的表单数据发送到 ajax 调用 ASP.NET 页面

Question

我有一个表格写在下面:

<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>

它有一个worker类型字段，以及动态生成的N个(WorkerName,WorkerPosition)字段。

将数据发送到调用 ASP.NET 页面的 AJAX 的最佳方式是什么？

我正在使用以下 jQuery AJAX:

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

我应该使用 JSON 或其他一些数据类型将数据发送到 ajax 调用页面吗？ 我想通过以下方式优化表单数据的格式:

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

如果 JSON 是用于将数据发送到 ajax 调用页面的最佳数据类型，如何将此类数据格式化为 JSON？ 如何通过 jQuery AJAX 发送此 JSON 对象？

如何在服务器端Page_Load函数上接受这种类型的数据以及如何读取它的元素？

提前谢谢您!

Answer 1

本文将逐步介绍如何使用 ASP.NET、JSON、json2和 jQuery:

Using complex types to make calling services less… complex