如何通过链接而不是按钮实现无刷新提交？

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')));