salve a tutti, ho scritto il seguente codice per visualizzare una tabella html tramite jqGrid.
Ora vorrei implementare le funzioni di edit, update e delete rendendo le modifiche stabili su DB. Come posso fare per esempio una aggiunta di un nuovo record tramite AJAX ?

codice:
<HTML>
<head>

<link rel="stylesheet" type="text/css" media="screen" href="jquery-ui-1.8.5.custom.css" />

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="grid.locale-it.js" ></script>
<script type="text/javascript" src="jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.5.custom.min.js"></script>
 
<script type="text/javascript">
jQuery(document).ready(function(){      
	tableToGrid("#distTable", {
		autowidth: true,
		shrinkToFit: false,
		sortable: true,
		pager: "#pager",
		rowNum: 10,
		rowList: [10, 20, 30],
		sortname: "Name",
		viewrecords: true,
		sortorder: "asc",
		colModel: [{name: 'Name', id: 'Name', editable: true, key: true},
				   {name: 'Size', id: 'Size', editable: true},
				   {name: 'Platform', id: 'Platform', editable: true}
				  ],
		colName: ['Name', 'Size', 'Platform']
	});
	
	jQuery('#distTable').navGrid('#pager', {add: true, edit: true, del: true} );
	jQuery('#distTable').trigger('reloadGrid');
});
</script> 
 
</head>
<body>
<table id="distTable" cellspacing="0" cellpadding="1" border="1">
<thead>
<tr> 
        <th>Name</th>
        <th>Platform</th>
        <th>Size</th>       
</tr>
</thead>
<tbody>
<tr> 
        <td>Chatter</td>
        <td>PC</td>
        <td>123</td>
</tr> 
</tbody>
</table>

<div id="pager"></div>

</body>
</html>