jQuery 동적으로 생성 된 요소의 메타 데이터를 제출하는 가장 좋은 방법은 무엇입니까?

Question

기본적으로 jQuery를 사용하여 여러 사각형을 만들고 DOM에 추가합니다.

var divElement = jQuery('<div/>').attr({ 
'class': 'ui-widget-content resizable' 
}); 

그러면 사용자가 선택한 사각형의 입력 필드를 채울 수있게됩니다. 이름, 너비, 높이. 이 데이터는 현재 .data 메소드를 통해 각 요소에 추가되고 있습니다.

사용자가 관련 메타 데이터와 함께 모든 요소를 ​​만든 후에는 PHP에서 서버 쪽 스크립트를 수행 할 수 있도록 페이지 제출을 요청합니다.

가장 좋은 방법은이 데이터를 제출하는 것입니다. 이해할 수있는대로 양식 요소를 동적으로 만들거나 jQuery.post 메서드를 사용할 수 있습니다.

누구나 최선의 방법 (아마도 다른 방법 모두) 및이를 설정하는 방법에 대한 조언 (예 : 각 요소의 이름에 [] 괄호를 사용하여 배열 등을 만듭니다.

Answer 1

좋은 방법은 객체 또는 배열을 만들고 저장하려는 모든 데이터로 채우는 것입니다. 저장을 위해 $ .post()를 사용하여 서버로 보냅니다.

var data = new Array; 
data['height'] = 100; 
data['width'] = 200; 
$.post('save.php', data, function(result){ 
    // test if successful and carry on 
}); 

소스 : http://api.jquery.com/jQuery.post/