Link Cancel Request

[Sid-ahmed D]

Hello world,

I need your help, please ^^

3 requests are started by function "form_comment(x)" but just one can running.
I try to use link cancel but doesn't work.

"div" name is a primordial element and it can change depending on page.

form_comment(div1);
form_comment(div1);
form_comment(div1);

form_comment = function(id){
    new Request.JSON({
                url: '/echo',
        data: $(id),
        link: 'cancel',
               onRequest: function() {},
               onComplete: function (json) {}   
            }
        }).send();
};

Could you please help me ?

[Dimitar Christoff]

it is because you create a new instance every time. to make this work,
you need to have a common variable reference to your request instance
that you reuse.

like:

var request = new Request({ link: 'cancel' ... });

request.send();
request.send();
request.send();

... will likely only result in the last one completing.

regards,
--
Dimitar Christoff

"JavaScript is to JAVA what hamster is to ham"
Personal blog: http://fragged.org/ - Twitter: @D_mitar

[Sid-ahmed D]

Arrf
But i lost a parameter "div" ?

[Dimitar Christoff]

here's an example pattern for your function:

(function() {

var request = new Request.JSON({
url: '/echo',

link: 'cancel',
onRequest: function() {},
onComplete: function (json) {}
}

});

this.form_comment = function(id){
request.send(document.id(id));
}
})();

form_comment(div1);
form_comment(div1);
form_comment(div1);

... or

request.setOptions({
data: document.id(id)
});

etc - you get the idea.

[Sid-ahmed D]

almost perfect ... but I need div name in onComplete for example.

onComplete: function (json) {}
      $('form_'+id).dispose();        
}

Have you an idea ?

[Dimitar Christoff]

sure. just store a private id that changes on calling the function and
reference that in a selector in the onComplete

(function() {

var disposeid, request = new Request.JSON({

url: '/echo',
link: 'cancel',
onRequest: function() {},
onComplete: function (json) {}

var form = document.id("form_" + disposeid);
form && form.dispose();
}
});

this.form_comment = function(id){
disposeid = id;
request.send(id);
}

})();

[Sid-ahmed D]

Wa awesome.
It's perfect thank you very much for your help.

[Sid-ahmed D]

Hello Everyone,
It's me again for same issue with addEvents

My example : http://jsfiddle.net/RLvAa/
If i execute this, it's working.

If i remove one "request.send();"
and i write in #locate and if request during 2 seconds for example, it's not working.

Requests launch one after others.

[Matthew Hazlett]

http://jsfiddle.net/hazlema/RLvAa/1/

made a little change but is working with multiple requests in chrome.

[Sid-ahmed D]

Not working for me.

On Firefox or chrome.

[Sid-ahmed D]

Someone can help me?

[Arian Stolwijk]

I guess you're looking for this: http://jsfiddle.net/RLvAa/2/

[Sid-ahmed D]

Awesome.
Thank you very much ^^