テキストエリアがあります。ネスト可能なリストのシリアル化プロセスから生じるテキストエリア コンテンツ。テキストエリアのコンテンツは次のようになります。[{"id":1,"children":[{"id":4}]},{"id":2}]
テキストエリア:
<div class="span6">
<h3>Serialised Output (per list)</h3>
<textarea id="nestable_list_1_output" class="m-wrap span12"></textarea>
</div>
また、私は1つのjquery関数を持っています:
$(function() {
function conv(data){
var result=[];
function dfs(node, parent) {
for(var i in node){
result.push({id:node[i].id,pid:parent});
if (node[i]['children']) dfs(node[i]['children'],node[i]['id']);
}
}
dfs(data, 0);
return result;
}
texareaの値が変更されるたびにajaxを投稿したい。
var data = JSON.stringify(conv($.parseJSON($("textarea#nestable_list_1_output").val())));
$.ajax({
type: 'POST',
url: "http://example.com/navigation/save_menu",
data: 'menu_data=' + JSON.stringify(data),
dataType: 'json',
success: console.log('Data Post:' + data),
});
どうやってするか?回答ありがとうございます。カーリス。
アップデート
素晴らしいコミュニティ メンバーに基づいて、sugestionsイベントはクリック ボタンに変更されました。提案をありがとう;)