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
- Remove hostname from URL in javascript
- Multidimensional array example javascript
- How to get the length of a number in JavaScript
- How to preview a word document in HTML using javascript
- How to check file is an image in javascript using filename
- How to validate empty space in textbox in Javascript
- How to show and hide placeholder text
- How can I add a key/value pair to a JavaScript object
- How to make entire Div clickable in javascript
- Input type file styling
- Javascript set timeout function with example code
- Javascript to print Fibonacci series upto 15 Observations
- How to remove duplicate values from array in javascript
- How to display for slash as a string in javascript HTML
- Uncaught SyntaxError: Identifier 'CODE' has already been declared
- Custom slider js
- Generate 6 digit random number in javascript
- Execute function with condition in javascript
- Prism js horizontally overflowing its container
- Json stringify
- ReferenceError: $ is not defined
- Uncaught TypeError: Illegal invocation
- Apex bar chart - fill bar color with gradient on hover
- How to add a property to object with condition in javascript
- Javascript get only 10 characters from string