Итак, обмен данными по ajax с бекэндом в виде php это хорошо, но частенько нам необходимо получить инфу не просто в виде ответа а целого массива данных и жедательно эти данные удобно (красиво) возвратить для обработки.Вариант, заслуживающий уважения - это возврат данных через объект:

Т.е нам нужно построить  код такого вида:

// фронтэнд

$.ajax({
   type: "POST",
   url: "/myHandler",
   data: {id:'777'}
   success: function(data){
       var myresult = JSON.parse(data);
       console.log(myresult) //возвращаем распарсенный объект 
    }
 });

Простой пример прототипа в js

var test1 = function() {};
test1.prototype = [1, 2, 3]; // прототипом сейчас является массив
var obj_test1 = new test1();
console.log(obj_test1[2]); // => 3

Сегодня на уроке ученик спрашивал как нам правильно обращаться к элементам в документе по их атрибутам напрямую в javascript - ? 
 

Делаем небольшую памятку:

document.getElementById("идентификатор"). - обращение к элементу 

// получить все div-элементы
var elements = document.getElementsByTagName('div');

Существует замечательный плагин для перетаскивания элементов, картинок, блоков и т.п. Jquery Draggable

Суть заключается в том что плагин Draggable генерирует три новых типа событий: start, drag, и stop. Они происходят в момент захвата, при перемещении и в момент отпускания перемещаемого элемента

ui.helper — вспомогательный элемент (helper) в форме объекта jQuery. Подробности об этом элементе можно узнать в описании свойства helper.

ui.position — позиция перемещаемого элемента относительно ближайшего родителя c заданным типом позиционирования (css-свойство position равно relative или absolute или fixed).

ui.offset — позиция перемещаемого элемента относительно начала документа.