jquery:-[object Object] error

Question

i have a validation.js file

var name = $("#name");

    $.ajax({
        type:       "get",
        url:        "test.jsp",
        data:           "name="+name,
        success:    function(msg) {

            $('#result').hide();

            $("#result").html(msg)
            .fadeIn("slow");
        }
    });

test.jsp

</head>
    <body>
        <h1><%
        String user=request.getParameter("name");
        out.print(user);
        %></h1>
    </body>

the login user.jsp file

<form method="post" id="customForm" action="welcome.html">
        <div>
            <label for="name">Name</label>
            <input id="name" name="name" type="text" />
                            <span id="nameimage"></span>

            <span id="nameInfo"></span>
                          <p id="result"></p>  
        </div>

i have to show the username in my form as soon as user goes to next feild in my form.but it is showing [object Object] error in place where p tag starts

What happens what you do console.log(msg)? What does that object look like? — treeface
– treeface, Commented Feb 7, 2011 at 17:30
[object Object] is not an error, its the string representation of a basic javascript object. Which means your server is probably printing a JSON or an object of some kind. — Amjad Masad
– Amjad Masad, Commented Feb 7, 2011 at 17:35

Raynos · Accepted Answer · 2011-02-07 17:32:39Z

12

looks like msg isn't what you expect. I think you want msg.responseText

The reason you see [object Object] is because msg is of type object and you pass it into .html which will convert it to a string. And thus the html is filled with the string representation of object which in this case is "[object Object]"

answered Feb 7, 2011 at 17:32

Raynos

170k57 gold badges359 silver badges399 bronze badges

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

Comments

a'r · Accepted Answer · 2011-02-07 17:33:08Z

5

You will need to pass the value or the text of the #name object. Like this:

var name = $("#name").val();
var name = $("#name").text();

answered Feb 7, 2011 at 17:33

a'r

37.2k7 gold badges68 silver badges67 bronze badges

2 Comments

Prerna Over a year ago

thks...the error is removed but the output is coming is next line below text box,i want it to appear in the same line besides the name textbox

Prerna Over a year ago

I also want to compare the msg value in function(msg) value with a string

talha2k · Accepted Answer · 2012-12-28 13:59:07Z

0

msg appears to be a document object, rather than a string containing the appropriate name. It seems to me that you want $('#response').text($(msg).find('h1').text());

edited Dec 28, 2012 at 13:59

talha2k

25.5k4 gold badges67 silver badges83 bronze badges

answered Feb 7, 2011 at 17:36

lonesomeday

239k54 gold badges330 silver badges329 bronze badges

Comments

demula · Accepted Answer · 2013-04-03 10:47:34Z

0

The good-old IE expects to redirect somewhere when you use an anchor tag. If you have something like the following:

<a href="javascript: submit()">Submit</a>

IE will show you blank page with [Object object] when using JSON, even if submit() uses ajax.

You can use onClick instead or javascript:void sumbit() like this:

<a id="btn-submit">Submit</a>
<script>
    $(document).on('click', '#btn-submit', function(event){
        event.preventDefault();
        submit();
    });
</script>

I didn't test the void solution but a coworker of mine says that's the one he uses.

answered Apr 3, 2013 at 10:47

demula

1,3842 gold badges9 silver badges13 bronze badges

Collectives™ on Stack Overflow

jquery:-[object Object] error

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related