Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Передать параметр jqery в php


Автор: sergphp 28.4.2013, 18:06
Необходимо передать параметры табов:

 active, expired, disabled, archive  

в php через jquery.

6 часов гугления и сравнения примеров не помогли в моем вопросе


Код

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />

<script>
 $(function() {
$( "#tabs" ).tabs();

 $('#tabs-2')({
   url: 'index.php',
   type: "POST",
   data: 'page=account&listing=active',
 });

  $('#tabs-3')({
   url: 'index.php',
   type: "POST",
   data: 'page=account&listing=expired',
 });

  $('#tabs-3')({
   url: 'index.php',
   type: "POST",
   data: 'page=account&listing=disabled',
 });

   $('#tabs-3')({
   url: 'index.php',
   type: "POST",
   data: 'page=account&listing=archive',
 });
 
});
 
</script>


<div id="tabs">
<ul>
<li><a href="#tabs-1">Активные</a></li>
<li><a href="#tabs-2">Рекламные</a></li>
<li><a href="#tabs-3">Неактивные</a></li>
<li><a href="#tabs-4">Архив</a></li>
</ul>
<div id="tabs-1">
</div>
</div>



Автор: Sanchezzz 28.4.2013, 19:24
В js раздел надобыло топать 
Попробуйте след раз гуглить $.ajax  $.post . $.get


Автор: sergphp 28.4.2013, 19:41
Я находил конструкции такого вида:

Код

<script type="text/javascript">
function SendGet() {
    //отправляю GET запрос и получаю ответ
    $$a({
        type:'get',//тип запроса: get,post либо head
        url:'ajax.php',//url адрес файла обработчика
        data:{'q':'1'},//параметры запроса
        response:'text',//тип возвращаемого ответа text либо xml
        success:function (data) {//возвращаемый результат от сервера
            $$('result',$$('result').innerHTML+'<br />'+data);
        }
    });
}
</script>


Не совсем ясно, как сформировать строку в моем случае.

Автор: skyboy 28.4.2013, 19:47
это по переключению закладок вытягивать список соответствующего типа?

Добавлено через 26 секунд
Цитата(Sanchezzz @  28.4.2013,  18:24 Найти цитируемый пост)
В js раздел на добыло топать 


M
skyboy
done

Автор: Sanchezzz 28.4.2013, 19:58
То что вы нашли это не Jquery  кажется на ушербный (это просто я его так не люблю) )mootools 

Добавить к атрибут к тегу a
<li><a href="#tabs-1" data-listing="active">Активные</a></li>

Код

$('#tabs a').click(function(e){
   var _this = $(this) , href = _this.attr('href') , data = { page:'account', listing:  _this.attr('data-listing') };
   $.post('/index.php', data, function(success){
         href.html(success);
   },'html');
});


Если вы используете Ui jquery то там есть событие и пример на странице документации как обновлять табы через ajax 



Автор: sergphp 28.4.2013, 20:47
Следуя Вашему совету, нашел описание:

Код

 <script>
$(function() {
$( "#tabs" ).tabs({
beforeLoad: function( event, ui ) {
ui.jqXHR.error(function() {
ui.panel.html(
"Couldn't load this tab. We'll try to fix this as soon as possible. " +
"If this wouldn't be a demo." );
});
}
});
});
</script>


Код

<div id="tabs">
<ul>
<li><a href="#tabs-1">Preloaded</a></li>
<li><a href="ajax/content1.html">Tab 1</a></li>
<li><a href="ajax/content2.html">Tab 2</a></li>
<li><a href="ajax/content3-slow.php">Tab 3 (slow)</a></li>
<li><a href="ajax/content4-broken.php">Tab 4 (broken)</a></li>
</ul>
<div id="tabs-1">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
</div>
</div>


Только у меня, к примеру, на табе 3 ajax/content3-slow.php в старнице подгружается еще одна целая страница с этим параметром.

Автор: Sanchezzz 29.4.2013, 05:29
Исправь свой пост читать не возможно!!! + не понятно про параметр.

Автор: sergphp 29.4.2013, 08:49
Цитата

Только у меня, к примеру, на табе 3 ajax/content3-slow.php в старнице подгружается еще одна целая страница с этим параметром.

В окошко таба подгружается таже самая страница с шапкой и футером.

Автор: Sanchezzz 29.4.2013, 12:51
Путь от корня сайта в href записать пробовали? пример /ajax/index.php подгрузит полностью страницу то что есть.

Автор: sergphp 29.4.2013, 13:46
Цитата

Путь от корня сайта в href записать пробовали? 

Да


Цитата

пример /ajax/index.php подгрузит полностью страницу то что есть.


Интересует подгрузка контента при клике на таб, а не подтягивание всей страницы


Автор: Sanchezzz 29.4.2013, 22:15
Цитата(sergphp @ 29.4.2013,  13:46)
Интересует подгрузка контента при клике на таб, а не подтягивание всей страницы

Так работает ajax.
Выводите на страницу часть кода которую подгружает ajax или ищите нужную область и вставляйте, заменяйте нужную часть.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)