Skip to main content

Bug Tracker

Side navigation

#10875 closed bug (worksforme)

Opened November 23, 2011 03:03PM UTC

Closed November 23, 2011 03:15PM UTC

Last modified November 23, 2011 03:16PM UTC

ajaxSend(), ajaxStop() don't get triggered

Reported by: Owned by:
Priority: undecided Milestone: None
Component: ajax Version: 1.7
Keywords: Cc:
Blocked by: Blocking:

I'm trying to get een event triggered when ajax starts/stops loading data. I've been using the events ajaxSend() and ajaxStop(), as documented on your site, but i can not get them to work. I've simplified my code (see below) to isolate the problem, without result.

Finaly i managed to get it working by switching back to jQuery 1.3.2. Any later version i tried (up to 1.7) keeps having the issue. Is this an actual bug, or am i doing something wrong? (I admit that i'm new to jQuery, but i asked an experienced user and he could not find the flaw in my code)...

Link to sample code: [

Sample code:

<!DOCTYPE html>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <link rel='stylesheet' type='text/css' href='jquery/css/ui-lightness/jquery-ui-1.8.16.custom.css' />
      <!-- <script type='text/javascript' src='jquery/js/jquery-1.6.2.min.js'></script>  -->
      <script type='text/javascript' src='jquery/js/jquery-1.7.min.js'></script>
      <!-- <script type='text/javascript' src='lib/jquery/jquery-1.3.2.min.js'></script> -->
      <script type="text/javascript">
         $().ajaxSend(function() {
            alert('trigger ajaxSend');
         $().ajaxStop(function() {
            alert('trigger ajaxStop');

         // document.ready
         $(function() {
            $('#callAjax').click(function() {                // event  handler
               alert('trigger');      // debug info
               $.get("test.txt", "", function(data) {       // de AJAX call
                  $('#outputAjax').html(data);              // output
         })// document.ready
      <h1> testpage </h1>
      <h2> testing Ajax event triggers</h2>
      <p>Ajax call 'test.txt': <a href="#" id="callAjax">Click here to execute Ajax call</a> </p>
      <div id="outputAjax">
         This text will be replaced with the content of test.txt

Attachments (0)
Change History (2)

Changed November 23, 2011 03:15PM UTC by jaubourg comment:1

resolution: → worksforme
status: newclosed

It's the semantics of $() that changed.

Changed November 23, 2011 03:16PM UTC by jaubourg comment:2

component: unfiledajax