如何通過點擊鏈接不提交AJAX請求提交按鈕

Question

如何通過點擊鏈接而不是提交按鈕來創建AJAX請求？ 我想一旦鏈接被點擊員額從輸入字段中的數據

Answer 1

使用jQuery

$('#link-selector').on('click', function(event) { 
    event.preventDefault(); 
    $.post('url', {$('form selector').serialize()}, function(json) { 
     // proccess results 
    }, 'json'); 
}); 

Answer 2

$('selector').click(function(e){ 
    e.preventDefault(); 
    $.ajax({ 
     url: "<where to post>", 
     type: "POST",//type of posting the data 
     data: <what to post>, 
     success: function (data) { 
     //what to do in success 
     }, 
     error: function(xhr, ajaxOptions, thrownError){ 
      //what to do in error 
     }, 
     timeout : 15000//timeout of the ajax call 
    }); 

}); 

Answer 3

您可以將用戶jQuery和表單序列化功能

$('#A-id-selector').click(function() { 
    $.ajax({ 
     type:'POST', 
     url: 'target.url', 
     data:$('#Form-id-selector').serialize(), 
     success: function(response) { 
      // Any code to execute on a successful return 
     } 
    }); 
}); 

Answer 4

這裏是AJAX是如何工作的：

$('#link_id').click(function(event){ 
    event.preventDefault(); // prevent default behavior of link click 
    // now make an AJAX request to server_side_file.php by passing some data 
    $.post('server_side_file.php', {parameter : some_value}, function(response){ 
     //now you've got `response` from server, play with it like 
     alert(response); 
    }); 
});