restApi/js/main.js

console.clear();
var apiUrl = 'http://helloworld.filonitta.fe.a-level.com.ua:10011/api/v1';
var service = new HttpService(apiUrl);
var selectors = { //переменные
	studentsList: $('#students-list'),
	formUpdate: $('#form-update'),
	btnUpdate: $('#btn-update')

};

console.log(service);


service.getAllStudents().done(response => {
response.forEach(students => { 
	$('<a>')
	.addClass('list-group-item')
	.attr('href','#')
	.attr('data-id', students.id)
	.text(`${students.lastname} ${students.firstname}`)
	.appendTo(selectors.studentsList)
});


	console.log(response);
}).fail(error => {});

$(selectors.studentsList).on('click', '[data-id]', function(event) {
	event.preventDefault();
	var studentId = $(this).data('id');
	console.log(studentId);
	service.getStudentById(studentId).done(response => {
		for (let key in response) {
selectors.formUpdate.find(`[name=${key}]`).val(response[key]); //zapolnit vse polya zna4eniyami s servera
		}
	})

} );


selectors.formUpdate.on('submit', function(event) {
	event.preventDefault();
$('.has-error', this).removeClass('has-error');


	var studentId  = $(this).find('[name=id]').val();
service.updateStudentsById(studentId, $(this).serialize()).done(response => {

	console.log(response);
selectors.studentsList.find(`[data-id=${studentId}]`)
.text(`${response.lastname} ${response.firstname}`);
}).fail(response => {
var response = response.responseJSON;
var errors = response.errors;
for (let value of errors) {
selectors.formUpdate.find(`[name=${value.field}]`).parent().addClass('has-error');
}

	console.log( response );
})  ;       //fail - otlovit owibky
	
});