AJAX Function jQuery to PHP Access Response Variables

Question

I am trying to send an AJAX function from jQuery to PHP. I can get it to the right page fine, but when I get there, how do I access the data from the AJAX call? It's probably something silly I'm missing.

jQuery:

$(document).ready(function() {

    $("#assessform_page").on("submit", "#assessform", function(e) {
        e.preventDefault();
        var assessrows = {};
        var url = $(this).attr("action");

        $("div[data-test-num]").attr("data-test-num", function(index, value) {
            assessrows[value] = {};
            $(this).children("input[data-tab-row], select[data-tab-row]").attr("data-tab-row", function(i, v) {
                assessrows[value][v] = $(this).val();
            });
            $(this).children("label[data-tab-row]").attr("data-tab-row", function(i, v) {
                assessrows[value][v] = $(this).text();
            });
        });

        $.ajax({
            url: url,
            data: assessrows,
            type: "POST",
            success: function() {
                window.location.href = url;
            },
        });

    });

});

HTML:

<form id="assessform" action="assessment.php" method="post" enctype="application/x-www-form-urlencoded" name="assessform">
    <div data-test-num="1">
        <label data-tab-row="objname">First Value: </label>
        <select autofocus="autofocus" data-tab-row="status">
            <option value="not_started">Not started</option>
            <option value="in progress">In Progress</option>
            <option value="obstacles">Obstacles</option>
            <option value="excluded">Excluded</option>
            <option value="done">Done</option>
        </select>
        <input type="text" data-tab-row="numer" value="" />
        <input type="text" data-tab-row="denom" value="" />
        <br />
        <br />
    </div>
    <button type="submit" name="submit-button" id="submit-button">Submit</button><br />
    <button type="button">Save</button><br />
</form>

PHP:

<?php ?> (I can't really do anything until I get this variable.)

What variable do I call to get the data from the AJAX, and what function, if any, do I need to call before I can do that?

naota · Accepted Answer · 2013-10-28 02:02:31Z

1

EDIT:

If your assessment.php make a response as follows:

  <?php
       echo 'successfully_completed';
  ?>

The response data from PHP will be passed as follows:

$.ajax({
    url: url, // assessment.php
    data: assessrows,
    type: "POST",
    success: function(data) {
        alert("The response is [" + data + "]"); 
        // "The response is [successfully_completed]"

        // If you want to pass this data to the next page
        window.location.href = "/foo/success.php?data="+data;  
    }
});

edited Oct 28, 2013 at 2:02

answered Oct 28, 2013 at 1:05

naota

4,7081 gold badge20 silver badges21 bronze badges

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

9 Comments

trysis Over a year ago

You're right, I shouldn't have gone clogging up the global namespace. I'm not really gonna do anything else with it, but you're still right. Also, I had it as a variable when I wrote it, but I was testing stuff & it was a string when I copied it into the question. Will change it back.

trysis Over a year ago

The linked question talked about how you return the data on a JavaScript page, but what I'm asking is how to return it on a PHP page.

naota Over a year ago

Oh, I'm sorry. Do you mean you are asking the way to send data from javascript to PHP?

trysis Over a year ago

No, I'm already sending it. If you notice, the URL goes to a PHP page, not a JavaScript page. I'm asking how I get the data variable once I'm there.

naota Over a year ago

In your code, You are posting data to the url and jumping to the same url after sccessfully completed. Could you elaborate on that? Why you need this.

|

Paul Draper · Accepted Answer · 2013-10-28 00:46:09Z

1

$.ajax({
    url: "url",
    data: assessrows,
    type: "POST",
    success: function(data) {
        console.log(data); //do something with data
        window.location.href = url;
    },
});

answered Oct 28, 2013 at 0:46

Paul Draper

84.2k53 gold badges216 silver badges303 bronze badges

3 Comments

trysis Over a year ago

Should I do something with data in the success function before it goes to the PHP page? Will that help me access it from there?

Paul Draper Over a year ago

I did not know you wanted to do that, but it looks like @naoki already has it covered.

trysis Over a year ago

Sorry, I'm still pretty new to AJAX, so I don't really know what you can & can't do with it.

Collectives™ on Stack Overflow

AJAX Function jQuery to PHP Access Response Variables

2 Answers 2

9 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related