Create JSON string for AJAX

Question

There's something about this that makes me feel slightly dirty, what's the appropriate way to pass values to the data field?

Currently I'm doing this: var jsonstring = "{ id: " + id + "}";

        <script type="text/javascript">
            function CompleteCB(id) {
                var jsonstring = "{ id: " + id + "}";
               
                $.ajax({
                    
                    type: "POST",
                    url: "/internal/completeholters.aspx/CompleteCB",
                    data: jsonstring,
                    contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(response) {
                    $("#row" + id).fadeTo("fast", 0.33);
                }
            });
            }

    </script>

check [JSON.stringify](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify) — Jose Ricardo Bustos M., May 22 '15 at 00:49
possible duplicate of [Convert JS object to JSON string](http://stackoverflow.com/questions/4162749/convert-js-object-to-json-string) — Jose Ricardo Bustos M., May 22 '15 at 00:50

t3dodson · Accepted Answer · 2018-01-06T04:11:23.807

8

leave it as an object and call JSON.stringify()

var obj = {};
obj.id = 22;

JSON.stringify(obj); // "{"id":22}" a JSON formated string

edited Jan 06 '18 at 04:11

answered May 22 '15 at 00:49

t3dodson

3,949
2
29
40

You do it in one line: `JSON.stringify({id: id});` - no need to explicitly create an object. – Traveling Tech Guy May 22 '15 at 00:49

score 0 · Answer 2 · answered Nov 23 '18 at 06:06

0

You can create the JSON directly, like so:

var query = { id: id };

Then in ajax call:

data: query,

answered Nov 23 '18 at 06:06

kristianp

5,496
37
56

Create JSON string for AJAX

2 Answers2