やりたいこと
ボタンをクリックすると、Jqueryが発火する。
<button id="ajax-button">
$('#ajax-button').click(
んで、その中で、フォームを作って、フォームの値を作って、POSTリクエストを飛ばす。
ソース
<button id="ajax-button">go</button> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script> $('#ajax-button').click( function() { var hostUrl= '/completecart'; var param1 = $("#product_count").attr('value'); var param2 = $("#product_price").attr('value'); var product_name = $("#product_name").attr('value'); var product_image = $("#product_image").attr('value'); alert(param1) $.ajax({ url: hostUrl, type:'POST', dataType: 'json', data : {parameter1 : param1, parameter2 : param2, product_name : product_name, product_image : product_image }, timeout:3000, }).done(function(data) { }).fail(function(XMLHttpRequest, textStatus, errorThrown) { }) }); </script>