jquery:-[object Object] error

i have a validation.js file

var name = $("#name");

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




        String user=request.getParameter("name");

the login user.jsp file

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

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

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



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]"


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

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

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());


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>
    $(document).on('click', '#btn-submit', function(event){

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


Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.