$ .ajax()를 사용하여 데이터베이스에 요소 저장

Question

내 application.js 파일의 동적으로 생성 된 요소를 데이터베이스에 저장하려고합니다. 코드가 다음과 같이 보이겠습니까? :

$.ajax({ 
    type: "POST", 
    data: { title: 'oembed.title', thumbnail_url: 'oembed.thumbnail_url'} 
}); 

내가 빠진 것이 있습니까? oembed.title 및 oembed.thubnail_url에 저장하려는 값이 들어 있고 title 및 thumbnail이 데이터베이스 열이라고 가정합니다.

Answer 1

첫 번째 문제는 데이터가 문자열이라는 것입니다. 그렇지 않으면, 그냥 레일에서 그것을 만드는 방법이 쉬울 것 -의 제거 '나는 새 DB 객체에 몇 가지 사용자가 제공 한 데이터를 통합해야 가정거야

$.ajax({ 
    type: "POST", 
    data: { title: oembed.title, thumbnail_url: oembed.thumbnail_url} 
}); 

Answer 2

을 인용한다.

당신이 완전히 사용자가 제공 한 데이터를 사용하는 경우, 당신은 serialize() 방법 (서버에서 생성 된 물건에 대한 사용 숨겨진 필드)를 사용할 수 있습니다 :

jQuery.ajax({ 
    url: '/path/to/whatever', 
    data: $('#MyForm').serialize(), 
    type: 'POST' 
}); 

아니면 사용할 수를 jQuery Form Plugin - 그것은 ' 사용자 제공 데이터와 서버 생성 데이터를 쉽게 결합 할 수 있습니다. 예를 들어 :

$('#MyForm').ajaxForm({ 
    //Hardcoded/server-generated stuff goes in here 
    //(and will be added to the data from the form inputs): 
    data: {title: oembed.title}, 
    type: 'POST' 
}); 

ajaxForm() 기능은 형태와 그 기본값을 설정하고 사용자가 제출 버튼을 명중 Ajax 호출을 전송한다 (참조 : ajaxSubmit()을).

레일 측면에서 사용자가 양식을 정상적으로 제출 한 것과 똑같이 작동해야합니다 (리디렉션 또는 페이지 렌더링에 대한 호출이없는 상태 코드/메시지로 응답하고 싶을 수도 있음).

희망이 도움이됩니다.

PS : 예를 들어, AJAX 호출에서 data: oembed을 사용할 수있는 것처럼 보입니다. 이것은 모두 oembed의 속성을 제출합니다 ...