jQuery HTML to JSON

Question

사용자가 조작하는 (또는 잠재적으로 변경되는) JSON 데이터에서 HTML을 생성하기 위해 jQuery 템플릿 플러그인을 사용하고 있습니다. 이 HTML을 JSON으로 다시 읽는 방법을 찾고 있으므로 내 서버에 다시 저장할 수 있습니다. jQuery는 원래 data JSON을 반환하는 $.tmplItem() 메서드를 제공하지만 현재 DOM에있는 값을 어떻게 얻을 수 있는지 궁금합니다.

Answer 1

어때?

http://jsfiddle.net/mWuHe/14/

는 JSON으로 다시 변환, 해당 지역의 HTML을 당겨 :

$(':button').click(function() { 
 
    $('#output').text(JSON.stringify({ 
 
     data:$('#input').html() 
 
    })); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="input" contenteditable="true" style="border: 1px solid;width:300px; height:100px;"><b>Edit me!</b> You can use CTRL+B to change bold, ctrl+I to change italics.</div> 
 
<div style="clear:both;"> 
 
    <input type="button" value="Get HTML"> 
 
</div> 
 
<div id="output" style="border: 1px solid;clear:both;width:300px;height:100px;font-family:courier;font-size:10px;"> 
 

 
</div>

가 BTW 내가 simplicty에 대한 JSON.stringify을 사용하지만 프로덕션 환경에서 사용하면 아마도 jquery-json과 같은 라이브러리를 사용해야 할 것입니다. 이전의 브라우저를 지원하지 않는 일부 브라우저는 여전히 주위를 비웃고 있기 때문입니다.

Answer 2

이 작업을 수행하는 가장 좋은 방법은 jQuery data link plugin 또는 (현재 필요한만큼 많이) 데이터 바인딩 일종입니다. Knockout.