Вот пример со скриптом https://jsfiddle.net/zanebfaL/1/
function rsp(response) {
var arr = []; // создаем массив
for (var i = 0; i < response.length; ++i) {
// считаем количество записей, выполняем цикл
var html = '' +
'<div>' +
response[i].id + // например строим блоки только с id
'</div>' +
''; // строим элементы DOM
arr.push(html); // пушим в массив
};
return arr.join(''); // возвращаем данные
}
function pst(response) {
var paste = function rsp(response); // запрашиваем ф-цию построения DOM элементов
$('html').append(paste);
}
$.ajax({
...
success: function(response) {
// успешный ответ, сервер вернул какие-то данные
// проверяем на ошибки
if (typeof(response) === 'undefined' || response === null) {
console.log('пустой ответ');
} else {
function pst(response); // вызываем функцию добавления данных в контент
}
},
error: function() {
}
});$('.elements').each(function () {
var this_style = $(this).css('display');
if(typeof(this_style) === 'undefined' || this_style === null) {
console.log('нет элементов со свойстов display');
} else {
if (this_style == 'table-row') {
$(this).css('color','green');
} else {
$(this).css('color','red');
}
}
});<div class="elements" style="display:table-row;">1</div>
<div class="elements">2</div><div id="tab-8" style="display:none;">...</div>$('html').on('change','#dopvopremgost',function() {
var current_value = $(this).find('option:selected').val();
if (current_value == 2) {
$('#tab-8').fadeIn(0);
} else {
console.log('Ничего не делаем или прячем блок обратно');
}
});<p class="tel">8-800-</p>
<p class="name">ИМЯ</p>
<a href="#" class="send">send</a>$('html').on('click','.send',function() {
var a = $('.tel').text();
var b = $('.name').text();
$.ajax({
type: 'POST',
url: 'URL',
data: {
'tel': a,
'name': b
},
cache: false,
dataType: 'json',
timeout: 15000,
success: function(result) {
// тут что-то делаем с ответом
},
error: function() {
// выводим ошибку
}
});
});function fn_tree(a) {
// где a - ответ полученный от сервера
// до вызова функции надо проверить на typeof(a) === 'undefined' || a === null
var arr1 = [];
for (var i1 = 0; i1 < a.length; ++i1) {
var arr2 = [];
if (typeof(a.[i1].nextChild) === 'undefined' || a.[i1].nextChild === null) {
for (var i2 = 0; i2 < a.[i1].nextChild.length; ++i2) {
var html2 = '' +
'<div>' +
a.[i1].nextChild.[i2].id +
'</div>' +
'';
arr2.push(html2);
};
}
var html1 = '' +
'<div>' +
'<div>' +
a.[i1].id +
'<div>' +
'<div>' +
arr2.join('') +
'<div>' +
'</div>' +
''; // рагульно строим DOM и чем-то его наполняем, нет времени :-)
arr1.push(html1);
};
var b = arr1.join('');
return b;
}