如何通過鏈接而不是按鈕實現無刷新提交？

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