The last recipe prepared us, with just a single line of MooScript, to a point that we are now ready to send sorted list info via Ajax. Create a server-side script that will connect to a database and store a user's list information. We will use that script info in the url
property of the Ajax call.
The Sortables()
class takes options in the secondary, optional argument. Adding in an onComplete()
function allows for actions to be taken once a sort has occurred.
<script type="text/javascript"> var list = new Sortables('mylist',{ onComplete: function() { // create an object of widget locations var data = {}; $$('#mylist li').each(function(el,index) { var list_item = el.get('id'); eval('data.pos_'+index+' = "'+list_item+'"'); }); sortJax.send({data:data}); } }); var sortJax = new Request({ url: '06_shopping_ajax.php', method: 'post', onFailure: function() { alert('There may have been an error. Please check your Internet connection.');...