jQuery – Inviare dati post con input button
jQuery – Inviare dati post con input button
Grazie a jQuery, possiamo creare facilmente un pulsante di input senza dover utilizzare il fastidioso tag form per inviare i dati. Ecco come procedere con il codice:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Land of World - Test</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(function() {
$('#invia').click(function() {
const msgDati = $('#msg_dati').val();
if (msgDati === '') {
alert('Inserisci dati!');
} else {
$.post('test.php', {msg_dati: msgDati});
$('#msg_dati').val('');
alert('I tuoi dati sono stati inviati con successo!');
}
});
});
</script>
</head>
<body>
<input type="text" value="" id="msg_dati" />
<input type="button" value="Invia" id="invia" />
</body>
</html>