Вместо ссылки — ajax?

Question

[Влад Зайцев]

Вот у меня на странице есть ссылка.

<a href="?channel=5&command=on">Включить</a><br>

Как мне проще всего преврать ее в ajax, т.е. сделать запрос без перезагрузки страницы? Результат можно не возвращать.

Comments

[Алексей Фирсов]

Вы хотите сделать ajax запрос, или вы хотите проверить что передается при ajax запросе?

[Влад Зайцев]

Только запрос.

Answer 1

[Алексей Фирсов]

$(function () {
    $('a').click(function () {
       $.post('адрес обработчика к примеру aj.php', {add:'привет мир!'}, function (data) {
         alert(data)
       })
    })
})

в aj.php

echo $_POST['add']; exit;

не забудьте подключить jQuery

Comments

[Алексей Фирсов]

либо можно гетом, тогда нужно вот так

$.post('aj.php'+$(this).attr('href'), {}, function (data) {

[Алексей Фирсов]

сори если гетом то $.get, а если постом то соответственно $.post

[Влад Зайцев]

а передаваемые параметры так и останутся в ссылке? которые ?channel=5&command=on

[Алексей Фирсов]

$(this).attr('href') мы берем параметры ссылки, на которую кликнули и прикрепляем их к aj.php
Если ссылка в href содержит ?channel=5&command=on то запрос будет выглядеть так aj.php?channel=5&command=on, воде то что нужно, в переменную data попадет ответ от php скрипта.

Answer 2

[esenin]

Лучше конечно превратить ссылку в Ajax-ссылку.

Это делается путем добавления атрибута attr-href:

var a = $('a');
(function () {
  a.attr("attr-href", a.attr('href'))
    .attr("href", "javascript:;")
    .on("click.ajax", function (event) {
      var link = a.attr("attr-href");
      $.ajax(link, ....);
      return false;
    });  
}());

Если JS отключен, работать будет через перезагрузку страницы. Если включен — через XHR.