Как реализовать отправку без обновления по ссылке, а не по кнопке?

Question

У меня есть серия ссылок:

<a href="#">insert into database1</a>
<a href="#">insert into database2</a>
<a href="#">insert into database3</a>

Я хочу, чтобы была возможность щелкнуть ссылку, тогда ссылка будет действием для вставки объектов в нужную базу данных (ссылка действует как кнопка).

Answer 1

Что-то вроде следующего:

$('a').click(function() {

var link = $(this);

$.ajax({
  url: link.attr('href'),
  type: 'POST',
  dataType: "json",
  error: function(req, resulttype, exc)
  {
    console.log('Something went wrong with the request');
  },
  success: function(data)
  {
    if (data.result == 'success') {
      console.log('Data added to database');
    } else {
      console.log('Couldnt add to database');
    }
  }
});

   return false;
});

Вы можете изменить параметры там, где это необходимо.

И серверная сторона хотела бы что-то вроде (пример PHP).

// do database stuff

print(json_encode(array('result'=>'success')));