how to cancel fired event in jQuery and JSON?

Asked Jul 30 '13 at 03:27

Active Jul 30 '13 at 03:39

Viewed 125 times

I have a div and when click it ,it goes to fetch some information from server and put themes to itself content to show it to user it works fine but I do not know how to handle it ,when user clicked on other part of page cancel this event that fired?

 <div id="picdiv" onmouseover="getit(this,'123')"></div>

my function:

function getit(picdiv, pid) {

  $('#picdiv').html('please wait...');

 $.ajax({
    url: "/Getcontent",
    type: 'POST',
    dataType: 'json',
    data: null,
    contentType: 'application/json; charset=utf-8',
    success: function (content) {
        $('#picdiv').html(content);

    },
    error: function (content) {
       //do something
    }
   });
}

edited Jul 30 '13 at 03:39

Praveen

55,303
33
133
164

asked Jul 30 '13 at 03:27

motevalizadeh

5,244
14
61
108

You can't cancel an event that has already been handled. Do you mean you want to cancel the AJAX request that's in progress? – Barmar Jul 30 '13 at 03:29
@Barmar exactly i want to cancel the AJAX request that's in progress – motevalizadeh Jul 30 '13 at 03:30
I found that question by putting "cancel ajax request" into the SO search box. – Barmar Jul 30 '13 at 03:30
@motevallizadeh other part of the page means? a simple `ajax.abort()` will solve the problem I guess so. – Praveen Jul 30 '13 at 03:41
when user hold mouse on div and when my function done working it start to works again like a loop how to handle this? – motevalizadeh Jul 30 '13 at 03:49

how to cancel fired event in jQuery and JSON?

0 Answers0