jQuery + ajax

[EFL]

Подскажите как сделать ,чтобы через jquery загружало страницу index.php?id=$id&rating=$type без перехода :bc:

 

[[Гилыч]]

$(document).ready(function(){
$("#button").click(function(){
$.get('./index.php', {id:$(this).attr("rel"), rating: 'type'}, function(data){
$("#divMain").append(data);
});
return false;
});
});

<intput type="button" id="button" value="get page" rel="<?php echo $id;?>">
<div id="divMain"></div>

 

[EFL]

$(document).ready(function(){
$("#button").click(function(){
$.get('./index.php', {id:$(this).attr("rel"), rating: 'type'}, function(data){
$("#divMain").append(data);
});
return false;
});
});

<intput type="button" id="button" value="get page" rel="<?php echo $id;?>">
<div id="divMain"></div>

Работает ,но у меня несколько кнопок таких на странице,работает только 1 .

 

[PHP_Master]

1. Вопрос не имеет отношения к PHP.
2. Сделай каждой кнопке свой id и передавай его в функцию.

 

[[Гилыч]]

$id и так в rel атрибуте есть, генится же с пом. php
для нескольких кнопок надо делать так....

$(document).ready(function(){
    $("input.button").each(function(){
         $(this).click(function(){
               $.get('./index.php', {id:$(this).attr("rel"), rating: $(this).attr("attr_type")}, function(data){
                      $("#divMain").append(data);
               });
               return false;
          });
     });
});

//some $type=???.....
foreach($arr_id as $id){
echo '<intput type="button" class="button" value="get page" rel="'.$id.'" attr_type="'.$type.'">';
}
echo '<div id="divMain"></div>';

 

[PHP_Master]

Такой код навесит обработчик на все буттоны на странице, а это не всегда нужно.
ИМХО, написание функции с передачей ей id при клике, более грамотное решение (или твой код, но с добавлением ивента не на все буттоны, а по более "узкому" селектору).

 

[[Гилыч]]

ну само собой...тут работает на сам деле на все input с классом button
если задачу сузят - сделаем другой код )) это не долго ))

 

[phillip]

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

 

[EFL]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Вот так сделал,может кому понадобиться.
Всех, кто отписал благодарю.

 

[[Гилыч]]

$.get("http://site/index.php?id="+id+"&rating="+rate
вот это не нужно...ты get'ом все равно в index.php обращаешься и туда как раз
{id: id, rate: rate } передаешь

function rate(id,rate)
{ 
    $.get("http://site/index.php", { id: id, rate: rate },
    function(data)
    {
        $("#q"+id).append(data);
    });    
}