How to send a JSON object using html form data

by

Get complete form data as array and json stringify it.

var formData = JSON.stringify($("#myForm").serializeArray());

You can use it later in ajax. Or if you are not using ajax; put it in hidden textarea and pass to server. If this data is passed as json string via normal form data then you have to decode it using json_decode. You’ll then get all data in an array.

$.ajax({
  type: "POST",
  url: "serverUrl",
  data: formData,
  success: function(){},
  dataType: "json",
  contentType : "application/json"
});

More Related Contents:

  1. Add new row in html dynamically using jQuery
  2. Stop form refreshing page on submit
  3. Clearing using jQuery
  4. Submitting a form on ‘Enter’ with jQuery?
  5. Parsing JSON objects for HTML table
  6. Why is it a bad practice to return generated HTML instead of JSON? Or is it?
  7. Prevent form redirect OR refresh on submit?
  8. Drop-down box dependent on the option selected in another drop-down box
  9. how to use json file in html code
  10. How to prevent page from reloading after form submit – JQuery
  11. Property ‘submit’ of object # is not a function
  12. How to convert HTML to JSON using PHP?
  13. Adding rows dynamically with jQuery
  14. Best JavaScript solution for client-side form validation and interaction? [closed]
  15. How can I use JSON data to populate the options of a select box?
  16. Change the content of a div based on selection from dropdown menu
  17. How to convert html table to excel with multiple sheet?
  18. jQuery Change event on an element – any way to retain previous value?
  19. Submit form after calling e.preventDefault()
  20. Trigger standard HTML5 validation (form) without using submit button?
  21. How do you limit options selected in a html select box?
  22. Trying to load local JSON file to show data in a html page using JQuery
  23. How can I get all a form’s values that would be submitted without submitting [duplicate]
  24. Trigger standard HTML validation (form) without using submit button? [duplicate]
  25. Passing JSON data from php to html-data attribute and then to Javascript
  26. submit event does not fire if submit initiated programmatically
  27. Get content of span
  28. Creating a JSON dynamically with each input value using jquery
  29. copying the value of a form’s file input field to another form’s input field
  30. How to convert selected HTML to Json?

Leave a Comment