.............

<table border="1">
   <tr>
    <th>Заголовок</th>
      ...
    <th>Статус</th>
   </tr>
   <tr><td>....<td><button type="button" onclick="button_click(this)" data-setting-id="1">Получить</button></td>....</tr>
  </table>
 <script>
 			async function button_click(clicked_object)
			{
				
				let data = {
					settingId: clicked_object.getAttribute('data-setting-id'),
					dateBegin: document.getElementById('calendar1').value,
					dateEnd: document.getElementById('calendar2').value
					};

				let response = await fetch('http://127.0.0.1:9090/foo.html', {
					method: 'POST', 
					headers: {'Content-Type': 'application/json;charset=utf-8', 'Accept': 'application/json'},
					body: JSON.stringify(data)
				});

				alert(response.status);

			}
 </script>
</body>
</html>