javascript - 受信した JSON を変更し、POST バック更新

Question

出発点を探しています。JQM ページのデータを (json 経由で) 取得しています。返された結果フィールドを編集し、.post json を介してデータベースを更新できる必要があります。

私の考えは、json配列を反復処理し、変更を加えてjson配列をポストバックすることです。初期ロードでテキストボックスにデータを入力してから、別の配列を作成する必要がありますか?

$.getJSON('JSON_MDB.php',
    function (data) {  
        // data is now JSON object instantiated from retrieved info
        $.each( data, function ( i, val ) {

            ($('<div>')
            .attr({
                'data-role': 'collapsible',
                'data-content-theme': 'c',
                'data-collapsed': 'true',
                'id': 'cResults'
            })
            .html('<h4>' + this.lastName + ', ' + this.firstName + '</h4><ul data-role="listview" data-filter="true" data-filter-placeholder="Search Choices..." data-inset="true" id="makecollapsibleul"><li>' 
            + 'FDID: ' + this.FDID + '</li><li>'
            + 'Choice 1: ' + this.C1 + '</li><li>' 
            + 'Choice 2: ' + this.C2 + '</li><li>' 
            + 'Choice 3: ' + this.C3 + '</li><li>' 
            + 'Choice 4: ' + this.C4 + '</li><li>' 
            + 'Choice 5: ' + this.C5 + '</li><li>' 
            + 'Choice 6: ' + this.C6 + '</li><li>' 
            + 'IP: ' + this.IPADDRESS + '</li><li>' 
            + 'Pick Date: ' + this.PICKDATE + '</li></ul>'
            ))
            .appendTo('#primary');

            $('#makecollapsible').collapsibleset().trigger('create');
            $.mobile.hidePageLoadingMsg();

        });
    }
); 

HTML:

<div data-role="page" id="main">      
    <div data-role="header">         
        <h1>MCFRSIT JSON DATA</h1>     
    </div><!-- /header -->      

    <div data-role="content">
        <ul data-role="listview" id="outer-ul">
            <li>  
                <div data-role="collapsible">
                    <h4>Submitted Choices</h4> 
                    <ul data-role="listview" data-inset="true" data-filter="true" id="makecollapsible">
                        <!-- AJAX CONTENT -->
                    </ul>
                </div>
            </li>
        </ul>           
    </div><!-- /content -->      

    <div data-role="footer">              
    </div>

</div><!-- /page -->