jQuery AJAX - conditional success result based on data from PHP page

Question

I have my first AJAX call with jQuery setup and working well. The final change I need to make is to check the result from the PHP page that is called for any database errors and display an error if required.

Here's my current Javascript with some comments where I would like to branch based on the result:

<script type="text/javascript">
    $(document).ready(function() {
        $("#storeManager").change(function(){
            var storeManager = $("#storeManager").val();
            $.post('editProject.php', { type: 'storeManager', storeManager: storeManager, id: '1E1DDA14-D2C6-4FC8-BA5F-DBCCC7ABAF7F' }, function(data) {

                // if there was a database error from the editProject.php page it will be returned in this format:
                // Error: Database Error 456
                // If there is an "Error: " string in the result I would like to do the following
                $("#ajaxAlert").addClass("alert alert-danger");
                $("#ajaxAlert").html(data);


                // If there is no "Error: " string in the result I would like to do the following
                $("#storeManagerRow").addClass("success");
                $("#storeManagerRow").removeClass("danger");
                $("#ajaxAlert").hide();

            }).fail(function () {
                // no data available in this context
                $("#storeManagerRow").addClass("danger");
                $("#ajaxAlert").addClass("alert alert-danger");
                //append error to the div using its ID
                $("#ajaxAlert").html(data);

            });
         }); 
    }); 
</script>

I'm new to jQuery and AJAX and working things out as I go - just not sure how to branch based on the result (data) from the PHP page.

consider sending json from server. The html can be set in one property and status and/or errors in another. — charlietfl
– charlietfl, Commented Oct 27, 2014 at 4:03
You could try doing an if-else on the data variable that's returned. If you get a Database Error 456, you can check if data variable contains that specific string or not and add the appropriate classes accoridngly. — Vivek Pradhan
– Vivek Pradhan, Commented Oct 27, 2014 at 4:05

istos · Accepted Answer · 2014-10-27 06:06:05Z

2

Instead of returning html from your PHP script return a JSON object.

For a successful result you could return a data object like this:

{
  html: '<p>lorem ipsum</p>'
}

For a result with application errors you could have a data object like so:

{
  error: true,
  html: '<p>Error: Database Error 456</p>'
}

And in your callback simply check for the presence of the error property:

if (data.error) {
  $("#ajaxAlert").addClass("alert alert-danger").html(data.html);
  // ...
  return; // stop the execution of this function right here
}

edited Oct 27, 2014 at 6:06

answered Oct 27, 2014 at 4:06

istos

2,6821 gold badge19 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

jQuery AJAX - conditional success result based on data from PHP page

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related