How do I get the json object

Question

0.00/5 (No votes)

See more:

I am trying to add to the li list but I am having some trouble with "order".

When I input "order" after the button click the alert shows it as:

"[object Object]"

It should read:

{name: somename, drink: somedrink}

How do I get the json object?

ASP.NET

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        var $orders = $('.orders');
        var $name = $('#<%= name1.ClientID %>');
        var $drink = $('#<%= drink1.ClientID %>');

        $('#<%= add_order.ClientID %>').on('click', function () {
            var order = {
                name: $name.val(),
                drink: $drink.val()
            };
            alert(order);
            $.ajax({
                type: 'POST',
                url: 'Myorder.aspx/ordered',
                data: order,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (newOrder) {
                    $orders.append(newOrder.d);
                },
                error: function () {
                    alert('Error in new order');
                }
            });
        });
    });
</script>
<h2>Coffee Orders</h2>
<ul class="orders">

</ul>
<h4>Add a Coffee Order</h4>
<p>Name:<asp:TextBox ID="name1" runat="server"></asp:TextBox></p>
<p>Drink:<asp:TextBox ID="drink1" runat="server"></asp:TextBox></p>
<asp:Button ID="add_order" runat="server" Text="Add!" />

Posted 2-Dec-14 8:42am

Teledextri

Add a Solution

2 solutions

Solution 1

{name: somename, drink: somedrink} IS a JavaScript object (written in JSON) so it is an object!
Try

JavaScript

alert(newOrder.d.name);

Posted 2-Dec-14 8:49am

Kornfeld Eliyahu Peter

v2

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Afzaal Ahmad Zeeshan · Accepted Answer · 2014-12-02T08:56:00

That is because at this very moment, the data you're trying to alert to the user is just a JavaScript object. For, it is trying to convert that into a string and alert the user.

To convert into the JSON format, you can use stringify method,

Try this code,

JavaScript

// save the string in a variable
var obj = JSON.stringify({name: $name.val(),
                         drink: $drink.val()});

.. it will work for you now. :-)