
How to add key/value pair to existing form data
How to add key/value pair to existing form data
Through the use of the programming language, we will work together to solve the "How to add key/value pair to existing form data" puzzle in this lesson.
You can add key/value to an existing form data while calling the ajax request. Sometimes we have to add extra data to a form data which does not exist in form input elements then we can add this data to existing form data.-
Add key/value pair to existing form data
<script> var id = $('#recordID').val(); formData.append('id', id); //Code snippet with form data $('#form').on('submit', function(e){ e.preventDefault(); var formData = new FormData($(this)[0]); var id = $('#recordID').val(); formData.append('id', id); $.ajax({ type: "POST", dataType: "json", url: "/add-record", data: formData, processData: false, success: function(data){ console.log(data); } }); }) </script>
You have to use formData.append('id', id); to add a new key/value pair to existing form data.
If you like what you are reading, please consider buying us a coffee ( or 2 ) as a token of appreciation.
Don't forget to share this article! Help us spread the word by clicking the share button below.
We appreciate your support and are committed to providing you valuable and informative content.
We are thankful for your never ending support.
Random Code Snippet Queries: Javascript
- Copy one array to another in javascript
- Hide div on click outside of element in javascript/jQuery
- How to show and hide placeholder text
- How to get data from localstorage in javascript
- Javascript set timeout function with example code
- How to crop multiple images with cropper js
- Uncaught TypeError: Cannot read property 'addEventListener' of undefined
- How to use JavaScript to search for items in a list
- Execute function with condition in javascript
- How to preview video before uploading in javascript
- Generate 6 digit random number in javascript
- Input type file styling
- Short-circuits conditionals
- ReferenceError: $ is not defined
- How to set href value of anchor tag in javascript
- On click enter redirect to another URL with parameters in javascript
- How to add a property to object with condition in javascript
- How to pass array as arguments to function in javascript
- How to check caps lock is on in javascript
- ReferenceError: Cannot access 'myFunction' before initialization
- Remove property from object in javascript
- How to get file extension using javascript/jquery
- Uncaught TypeError: $(...).summernote is not a function
- Deault order of record in datatable
- How to get the length of a number in JavaScript