How to send JSON instead of a query string with $.ajax?

by

You need to use JSON.stringify to first serialize your object to JSON, and then specify the contentType so your server understands it’s JSON. This should do the trick:

$.ajax({
    url: url,
    type: "POST",
    data: JSON.stringify(data),
    contentType: "application/json",
    complete: callback
});

Note that the JSON object is natively available in browsers that support JavaScript 1.7 / ECMAScript 5 or later. If you need legacy support you can use json2.

More Related Contents:

  1. Converting JavaScript object with numeric keys into array
  2. Post data to JsonP
  3. jQuery.parseJSON throws “Invalid JSON” error due to escaped single quote in JSON
  4. Unexpected token colon JSON after jQuery.ajax#get
  5. Parsing JSON objects for HTML table
  6. Uncaught SyntaxError: Unexpected token with JSON.parse
  7. Why is it a bad practice to return generated HTML instead of JSON? Or is it?
  8. How to filter JSON Data in JavaScript or jQuery?
  9. Get query string parameters url values with jQuery / Javascript (querystring)
  10. Javascript search inside a JSON object
  11. How to get json key and value in javascript?
  12. How to convert the following table to JSON with javascript?
  13. How do I encode a JavaScript object as JSON?
  14. Defining a HTML template to append using JQuery
  15. Nested JSON objects – do I have to use arrays for everything?
  16. Modifying a query string without reloading the page
  17. JS Object this.method() breaks via jQuery
  18. Error “Uncaught SyntaxError: Unexpected token with JSON.parse”
  19. Convert js Array() to JSon object for use with JQuery .ajax
  20. Passing JSON data from php to html-data attribute and then to Javascript
  21. Convert JSON string to Javascript array [duplicate]
  22. How to loop through JSON array?
  23. How to send parameter json array when modal open?
  24. Creating a JSON dynamically with each input value using jquery
  25. Nested JSON: How to add (push) new items to an object?
  26. Why does the jQuery JSON parser need double escaping for backslashes?
  27. jQuery uses (new Function(“return ” + data))(); instead of eval(data); to parse JSON, why?
  28. creating highchart with ajax json data
  29. Ordered JSONObject
  30. Grouping JSON by values

Leave a Comment