Сложность в том что менять надо блок с отзывами без перезагрузки страницы, то есть пагинация.
URL в битрикс такого типа
у стандартного компонента есть кнопки с перезагрузкой страницы,
а я отправляю ajax запрос и в URL указываю
Стало быть должен получить полную страницу штмля,
как разобрать и точнее выбрать из страницы только нужный блок с отзывами
<div class="reviews_list">
</div>
как вариант думаю применить технологию в ответе от сервера xhttp.responseXML; то есть перебрать все теги и выбрать нужные.
На сколько правильно выбрал подход.Может есть уже готовый компонент с ajax пагинацией для битрикс.Спасибо
вот код js
так же можно попробовать здесь как работает
URL в битрикс такого типа
у стандартного компонента есть кнопки с перезагрузкой страницы,
а я отправляю ajax запрос и в URL указываю
Стало быть должен получить полную страницу штмля,
как разобрать и точнее выбрать из страницы только нужный блок с отзывами
<div class="reviews_list">
</div>
как вариант думаю применить технологию в ответе от сервера xhttp.responseXML; то есть перебрать все теги и выбрать нужные.
На сколько правильно выбрал подход.Может есть уже готовый компонент с ajax пагинацией для битрикс.Спасибо
вот код js
| Код |
|---|
<ht ml>
<head>
<sc ript type='text/javascript'>
function start(){
xhttp=new XMLHttpRequest();
xhttp.on readystatechange=function(){
if (xhttp.readyState==4 && xhttp.status==200){
var r=xhttp.responseXML;
document.getElementById('ajax').innerHTML='Содержимое первого тэга name в XML файле: '+r.getElementsByTagName('name')[0].childNodes[0].nodeValue;
var dep=r.getElementsByTagName('dept');
var cont='Содержимое всех тэгов dept (долг) в XML файле: <br />';
for (var i=0;i<dep.length;i++){
cont+=(i+1)+'. '+dep[i].childNodes[0].nodeValue+' руб.<br />';
}
document.getElementById('ajax1').innerHTML=cont;
}
}
xhttp.open('GET','test.xml',true);
xhttp.send();
}
</sc ript>
</head>
<body>
<b><p id='ajax'>Нажмите на кнопку ниже, чтобы послать запрос серверу с помощью AJAX. </p>
<p id='ajax1'></p></b>
<input type='button' value='Послать запрос' on click='start()'/>
</body>
</html>
|
так же можно попробовать здесь как работает
