<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <br /> <div class="row"> <button class="btn btn-primary" id="dugme">Tıkla</button> </div> <br /> <div class="row"> <div class="alert alert-danger" id="sonucAlani"> <strong>Danger!</strong> Indicates a dangerous or potentially negative action. </div> </div> </div>

$(document).ready(function(){ $("#dugme").click(function(){ $.post("https://www.w3schools.com/jquery/demo_test_post.asp", { name: "Donald Duck", city: "Duckburg" }, function(data,status){ alert("Data: " + data + "\nStatus: " + status); }); }); });