Как переделать ссылку в ajax запрос?

Question

[Kirows]

В магазине у каждого товара есть кнопка "Купить" имеющая ссылку:

<a class="btn btn-mini" href="javascript:void(0)" onclick="javascript: add2cart('<?= $hash ?>', '<?= $part['buy_url'] ?>');" rel="nofollow">

Для всех товаров $part['buy_url'] (вдруг!)разный.
Нужно переделать её, чтобы она отправляла запрос страницы через аякс примерно так:

$('a[rel*="add2cart"]').click(                
                function(){
                    $.ajax({                      
                      type: "GET",
                      url: $(this).attr("rel"),
                      dataType: "html",
                      success: function(out){
                                $("#bid").html(getBasketHTML(out));
                      }  });   }   );

Рассмотрю любые варианты.
Функция add2cart выглядит так:

function add2cart(hash, url)
{   var qi = $('input[rel="quantity"][data-part-hash="' + hash + '"]');
    var quantity = parseInt(qi.val());
    var quantity = qi.val(), mf = Math.max(1, parseInt(qi.data('step')));
    if (quantity < mf || (quantity % mf > 0)) {
        if (!confirm(langs['SEARCH_QUANTITY_SIZE_CONFIRM'] + ' (' + mf + ').')) {
            return false;
     }  }
    url = url + '&quantity=' + quantity;
    document.location = url; }

Answer 1

[Александр Таратин]

Побуду Вангой

<a class="btn btn-mini" href="#" data-hash="<?=$hash?>" data-buy-url="<?=$part['buy_url']?>" class="buy-link" rel="nofollow">

$('.buy-link').click(function(){
                    var self = $(this)
                    $.ajax({                      
                      type: "GET",
                      url: add2cart(self.attr("data-buy-url"),self.attr("data-hash")),
                      dataType: "html",
                      success: function(out){
                                $("#bid").html(getBasketHTML(out));
                      } 
                      });  
                      return false;
 });

Comments

[Kirows]

Нужно чтобы отработалась функция
add2cart('<?= $hash ?>', '<?= $part['buy_url'] ?>');
именно в таком виде, как есть, так как функция добавления в корзину принимает данные только в таком виде. Собственно проблем только в том, чтобы передать эту функцию в аякс запросе.

[Александр Таратин]

@Kirows так нельзя.

[Kirows]

@Taraflex Должен быть выход, функция add2cart возвращает url.

[Александр Таратин]

@Kirows исправил ответ.

Answer 2

[vdem]

Ну, во-первых, вот таким образом Вы ссылку не найдете:
$('a[rel*="add2cart"]')
поскольку атрибут rel у Вас установлен в nofollow, а не add2cart.
Вероятнее всего проверять нужно атрибут onclick.
Дальше - выгрызаете из атрибута значения $hash и $part['buy_url'].
Дальше - делаете на сервере страницу, которая будет обрабатывать запрос.
Было бы неплохо увидеть код функции add2cart().

Comments

[Kirows]

Извините, что ввёл в заблуждение, второй код представлен для примера работы аякса.

[vdem]

@Kirows Ну, те кто будет отвечать на вопрос вероятно знают как делать AJAX-запросы :D

[Kirows]

Очень верю в это =)