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

Jose Ricardo Bustos M.
– Jose Ricardo Bustos M.

2015-05-22 00:49:48 +00:00
Commented May 22, 2015 at 0:49 — Jose Ricardo Bustos M.
– Jose Ricardo Bustos M., Commented May 22, 2015 at 0:49
possible duplicate of Convert JS object to JSON string

Jose Ricardo Bustos M.
– Jose Ricardo Bustos M.

2015-05-22 00:50:26 +00:00
Commented May 22, 2015 at 0:50 — Jose Ricardo Bustos M.
– Jose Ricardo Bustos M., Commented May 22, 2015 at 0:50

t3dodson · Accepted Answer · 2018-01-06 04:11:23Z

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 6, 2018 at 4:11

answered May 22, 2015 at 0:49

t3dodson

4,0273 gold badges31 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Traveling Tech Guy Over a year ago

You do it in one line: JSON.stringify({id: id}); - no need to explicitly create an object.

kristianp · Accepted Answer · 2018-11-23 06:06:39Z

0

You can create the JSON directly, like so:

var query = { id: id };

Then in ajax call:

data: query,

answered Nov 23, 2018 at 6:06

kristianp

6,01142 silver badges63 bronze badges

Collectives™ on Stack Overflow

Create JSON string for AJAX

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related