CODEWITHSUNDEEP
phpjqueryajaxjson
trysis
trysis

Reputation: 8436

AJAX Function jQuery to PHP Access Response Variables

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?

Upvotes: 0

Views: 1607

Answers (2)

naota
naota

Reputation: 4718

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

Upvotes: 1

Paul Draper
Paul Draper

Reputation: 83441

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

Upvotes: 1

Related Questions