AJAX request confusion in jQuery

Question

I am unable to understand that why the jquery AJAX is not fetching data from the ajax page. Can someone please help.

<script type="text/javascript">

$(function() {
    $('#lms_id').change(function(){
        if ($(this).val() != "") {
        //    alert("1");
        } else {
        //    alert("0");
        }
    });

    $('#lms_user_role_id').change(function(){
        if (($(this).val() == "7" || $(this).val() == "8")) {
            $('#t_lms_dealers').show();
        } else {
            $('#t_lms_dealers').hide();
        }
    });
});

      function loadAjax(message)
      {
      //alert(message);
      //$.get("<?php echo $App['wwwroot'].'er.php' ?>?activity="+message);
      $.get("http://www.abc.loc/er.php");


      }
      </script>

In loadAjax function, alert is alerting fine, but only the AJAX part is not working.

Answer 1

How do you know it is "not working"?

$.get("http://www.abc.loc/lmsapi/LMS_L2/templates/admin/user/tpl.user_dealer.php");

Even if it did, this statement would accomplish nothing. You need to put a handler in there:

$.get(
    "http://www.abc.loc/lmsapi/LMS_L2/templates/admin/user/tpl.user_dealer.php",
    function (data) {
        alert("Retrieved :"+data);
    }
);

You should also use some kind of in browser developer tool (eg, firebug) that will allow you to trace the request in real time. Finally, the plain jquery get lacks an error handler; you might want to instead use:

$.ajax ({
    url: "http://www.abc.loc/lmsapi/LMS_L2/templates/admin/user/tpl.user_dealer.php",
    success: function (data) {
        alert(data);
    },
    error: function (xhr, err, code) {
        alert("Error: "+err);
    }
});

And read the query documentation:

http://api.jquery.com/category/ajax/

Answer 2

if i am not wrong 2nd possibility is may be you are trying "cross domain ajax call", if yes then you have to set header "Access-Control-Allow-Origin" and "crossDomain: true" for $.ajax call.