Новичок, не уверен, как сохранить местоположение перетаскиваемого элемента в HTML в Rails-приложении, используя jQuery

Question

Во-первых, я искал и искал и читал вопросы здесь в SO в течение нескольких часов, и я нахожусь наедине с моим ... Я новичок Rails (и в этом много нового), работая над сайтом менеджера задач в качестве проекта. Я пытаюсь составить список проектов в представлении projects/index.html.erb, чтобы их можно было перетащить в другую позицию, а затем сохранить в этом месте. До сих пор я выяснил, используя jQuery, как сделать элементы проекта перетаскиваемыми, и это здорово. Но после обновления страницы она вернется к первоначальному порядку списка. Я сделал суть этих файлов, о которых я расскажу ниже. Кроме того, я нашел ответ на аналогичный вопрос здесь, но у меня нет никакого знакомства с AJAX ... У меня есть этот код в моем project.js сейчас, но я не знаю, что делать для " AJAX call here "part (вы можете увидеть это в моем стиле) ... или если это даже правильная вещь. Любая помощь в этом, я бы очень признателен!

https://gist.github.com/vtboyarc/a4d59c4dabce958f3788

Answer 1

В файле projects.js:

$("#myList").sortable({ 
    stop: function(event, ui){   
    $.ajax({ 
     type: 'post', // this is your HTTP request type (typically POST if you want to write something) 
     url: 'url_for_your_controller_action_to_receive_ajax_request', 
     data: { 'data_key_you_want_to_pass_to_controller' : the_data_value }, 
     success: function(msg) { 
     // msg is the value of the response from your controller action 
     } 
    }); 
    } 
}); 

Я читал на the Rails guides on AJAX для получения дополнительной информации.