Getting [object Object] error when call JQuery Ajax function for Json data

Question

I'm getting the following error when try to read json data from asp.net function, here is the image error enter image description here

Here is the jQuery code,

<script type="text/javascript">
    $(document).ready(function () {
        $("#getdata").click(function () {
            $.ajax({
                type: "POST",
                url: "Default.aspx/GetData",                   
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    alert(data.d);
                    // $("#company").html(data.d);
                      console.log(data);
                },
                error: function (error) {
                    alert(error);
                }
            });
        });
    });
</script>

what wrong I did to get this error. Appreciate your any help. getting this error from console log,console.log(error) enter image description here

it's result not an error, what your console.log says in success? — Dhaval Marthak
– Dhaval Marthak, Commented Jul 5, 2013 at 15:35
That's because alert() is not a debugging tool, you should be using the console. — adeneo
– adeneo, Commented Jul 5, 2013 at 15:35
Do console.log(JSON.stringify(data.d)) and check whats in the console. — PSL
– PSL, Commented Jul 5, 2013 at 15:36

p e p · Accepted Answer · 2013-07-05 15:42:26Z

2

The reason you are seeing that is that data.d is an object representing the returned JSON text response. When you pass in an object into alert, it displays [object Object]. Whatever you are looking for will be a property of data.d. I would put a breakpoint on that line and see what properties are available. It'll be something like data.d.myProperty which will contain the actual string / HTML you are trying to work with.

answered Jul 5, 2013 at 15:42

p e p

6,6742 gold badges25 silver badges33 bronze badges

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

Comments

neoeahit · Accepted Answer · 2013-07-05 15:45:39Z

0

dont use alert! That will show this only. Since your response is a Json Object, please try to JSON.stringify it or use console.log to view the data

answered Jul 5, 2013 at 15:45

neoeahit

1,7992 gold badges22 silver badges36 bronze badges

6 Comments

Able Over a year ago

I have added the "console.log(JSON.stringify(data.d))" on Success and error section, but not getting anything from Chrome Console

neoeahit Over a year ago

just do console.log(data) like this: success: function (data) { console.log(data); }

Able Over a year ago

its not showing nothing, do I need to do any settings in Chrome?

neoeahit Over a year ago

ctrl+shift+I: this will open the developers terminal> please open the networking tab, then refresh the page, you can then see the server side response coming back. please check the response there

Able Over a year ago

In response tab i could see the same codes for Default.aspx page

|

Able · Accepted Answer · 2013-07-05 17:16:37Z

Finally, I found what was the issue, I have to add "[WebMethod()]" declaration just before the asp.net function. For example,

    [WebMethod()]
    public static string GetData()
    {

        try
        {
            string strjson;
            string connectionstring = ConfigurationManager.ConnectionStrings["ConString"].ConnectionString;
            SqlConnection Con = new SqlConnection(connectionstring);
            DataSet DS = new DataSet();
            String CmdText = "Select Compname,compadd1,compadd2,compemail from aas_company where compid=@cmpid";
            SqlCommand cmd = new SqlCommand(CmdText, Con);
            cmd.Parameters.Add("@cmpid", SqlDbType.Int).Value = 22;
            Con.Open();
            SqlDataAdapter DA = new SqlDataAdapter(cmd);
            DA.Fill(DS);
            DataTable dTable = DS.Tables[0];
            strjson = GetJSONString(dTable);
            Con.Close();               
            return strjson;
        }
        catch (Exception ex)
        {
            throw new System.Exception("Error In Get Data" + ex.Message);
        }
    }

This answer not for experts only for just beginners, thank you.

Collectives™ on Stack Overflow

Getting [object Object] error when call JQuery Ajax function for Json data

3 Answers 3

Comments

6 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

6 Comments

Comments

Related