Use Jquery ajax json response?

Question

:have an ajax request looking like this :

$.ajax({
          url: "/users/action/",
          type: "POST",
          data: myData,
          context: this,
          error: function () {},
          success : function () {
        $(this).removeClass('disabled');
          }
        });

So if the function is successfull, the class "disabled" is removed. However, my function returns the following json :

{"row":"fze684fz6f4ez68f4ze"}

I want to get this value so I can use it later "add it to a data element, i.e I want to add to the clicked element data-row="fze684fz6f4ez68f4ze"

How can I manage this ? I can't figure out by myself, I'm discovering AJAX.

Thanks a lot for your help !

Dvir · Accepted Answer · 2013-10-14 19:48:28Z

8

It's recommend to set dataType if you excpect to get json . Any way pay attention to the context. It might be a problem with this.

$.ajax({
    url: "/users/action/",
    type: "POST",
    data: myData,
    context: this,
    error: function () {},
    dataType: 'json',
    success : function (response) {
        $(this).removeClass('disabled');
        $(this).data("row",response.row);
    }
});

edited Oct 14, 2013 at 19:48

answered Oct 14, 2013 at 19:43

Dvir

3,3382 gold badges23 silver badges34 bronze badges

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

1 Comment

tymeJV Over a year ago

Woops, just saw that, +1'd it :)

SLaks · Accepted Answer · 2013-10-14 19:38:19Z

3

As the documentation clearly states, jQuery passes the server's response as the first parameter to the success callback:

      success : function (response) {
         console.log(response);
      }

answered Oct 14, 2013 at 19:38

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

Comments

Adil · Accepted Answer · 2013-10-14 19:45:57Z

2

You can use jQuery.data( element, key ) to assign row from returned response to element

$('selector').data('row', reseponse.row);

You can use id selector if you know the id of element

$('#elementId').data('row', response.row);

You can read more about selectors here.

Your code would be

$.ajax({
      url: "/users/action/",
      type: "POST",
      data: myData,
      context: this,
      error: function () {},
      success : function () {
           $(this).removeClass('disabled');
           $('#elementId').data('row', response.row);
     }
});

edited Oct 14, 2013 at 19:45

answered Oct 14, 2013 at 19:39

Adil

148k25 gold badges217 silver badges207 bronze badges

Collectives™ on Stack Overflow

Use Jquery ajax json response?

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related