How to handle errors in Ajax?

Question

I'm trying to echo something via Ajax but I'm not getting any output. So I would add a pair of error handling to see what is working wrong.

How can I add simple error handling code to see where the error is?

page.html

<body>
    <input id="name" type="text" />
    <input id="button" type="button" value="Load" />
    <div id="feedback"></div>

    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="ajax.js"></script>
</body>

page.php

<?php
  if (isset($_GE['name'])) {
     echo $name = $_GET['name'];
  }
?>

ajax.js

$('#button').click(function () {
    var name = $('#name').val();
    $.ajax({
        url: 'page.php',
        data: {
            name: name
        },
        success: function (data) {
            $('#feedback').html(data);
        },
        error: function (jqXHR, textStatus, errorThrown) {
            console.log(textStatus, errorThrown);
        }
    });
});

Pop quiz: When you open `page.php?name=foo` in your browser, what happens? — Tomalak, Oct 24 '14 at 08:22
nothing is being displayed!! There is no errors in the console too... — Aex Sun, Oct 24 '14 at 08:27
Probably gives an internal server error since you wrote `$_GE['name']` wrong — Spokey, Oct 24 '14 at 08:27
Right-on. That's the first thing you have to fix. Check [How to get useful error messages in PHP?](http://stackoverflow.com/q/845021/18771) — Tomalak, Oct 24 '14 at 08:27

score 0 · Answer 1 · answered Jan 15 '15 at 09:53

Are you running this from your local drive? If so, your browser will block the request due to null origin policy. As far as debugging goes, the best option you have is to go to your developer tools' network tab and it will show it going through.

Edit: Nevermind the first part I noticed you are using a php server.

How to handle errors in Ajax?

page.html

page.php

ajax.js

1 Answers1