Assign ajax request result to variable in the jquery function

Question

I am trying to assign value I receive from the php file to the jquery variable. The php file runs a loop and echos out a value. I am trying then to store the value in the jquery variable but I am getting NaN result back. How can I assign the value echoed from the php file into the variable in the jquery function?

    var increment;

    event.preventDefault();
    $.ajax({
            type: 'POST',
            url: 'increment.php',
            data: $(this).serialize(),
            dataType: 'text',
            success: function (data) {
                    //console.log(data);
                    data = increment;
            }
    });

possible duplicate of How to return AJAX response Text?

Quentin
– Quentin

2013-12-04 06:40:27 +00:00
Commented Dec 4, 2013 at 6:40 — Quentin
– Quentin, Commented Dec 4, 2013 at 6:40

rahul · Accepted Answer · 2013-12-04 06:42:25Z

1

You should be using

increment = data;

instead of

data = increment;

Also one more thing to note here is the request nature. Since the ajax request is asynchronous accessing the variable outside might show unexpected result. You have to access the variable once the ajax request is successful (inside success callback).

answered Dec 4, 2013 at 6:42

rahul

188k50 gold badges239 silver badges266 bronze badges

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

2 Comments

Code_Ed_Student Over a year ago

Oh I see now. I may have to assign the result to an input field and then assign the value of that input field to var increment

rahul Over a year ago

You don't have to create an additional input field for this. Just make sure that you are assigning the response only when the request is complete.

Hamed mayahian · Accepted Answer · 2013-12-04 06:41:45Z

0

do like so,you should assign data recieved to increment var:

    var increment;

event.preventDefault();
$.ajax({
        type: 'POST',
        url: 'increment.php',
        data: $(this).serialize(),
        dataType: 'text',
        success: function (data) {
                //console.log(data);
                increment = data ;
        }
});

answered Dec 4, 2013 at 6:41

Hamed mayahian

2,3436 gold badges29 silver badges49 bronze badges

Collectives™ on Stack Overflow

Assign ajax request result to variable in the jquery function

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related