jquery get form data
$('form').serializeArray()
// gives
// [ {"name":"foo","value":"1"},
// {"name":"bar","value":"xxx"},
// {"name":"this","value":"hi"} ]
// or
$('form').serialize() // gives : "foo=1&bar=xxx&this=hi"
jquery get form data
$('form').serializeArray()
// gives
// [ {"name":"foo","value":"1"},
// {"name":"bar","value":"xxx"},
// {"name":"this","value":"hi"} ]
// or
$('form').serialize() // gives : "foo=1&bar=xxx&this=hi"
js get data from form
const form = document.querySelector('form');
const data = new FormData(form);
javascript get form data
<html>
<form id="myForm">
<input type="text" name="email" value="[email protected]">
</form>
<p id='text'></p>
<script>
window.setInterval(()=>{
var myForm = document.getElementById('myForm');
var text = document.getElementById('text');
text.innerText = myForm.elements['email'].value;
}, 1);
</script>
</html>
get form data in js
// return data in key value pair
$('#form').serializeArray().reduce(function(obj, item) {
obj[item.name] = item.value;
return obj;
}, {});
js retrieve form data
var nameValue = document.getElementById("uniqueID").value;
js get form data
document.addEventListener('submit', function (event) {
event.preventDefault();
fetch('https://xxx.xxx', {
method: 'POST',
body: new FormData(event.target),
}).then(function (response) {
if (response.ok) {
return response.json();
}
return Promise.reject(response);
}).then(function (data) {
console.log(data);
})
});
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us