get More informatio about submit event : https://api.jquery.com/submit/
<form id="uploadForm">
<input type="text" name="test">
<button type="submit">Upload</button>
</form>
<script>
$('#uploadForm').on('submit', function(e) {
e.preventDefault(); // Prevent normal form submission
var formData = new FormData(this);
$.ajax({
url: 'upload.php',
type: 'POST',
data: formData,
contentType: false,
processData: false,
success: function(response) {
$('#resultDiv').html(response);
},
error: function(xhr) {
alert('Upload failed');
}
});
});
</script>
<div id="resultDiv"></div>