Search jQuery

jQuery Forum

jquery ajax beforeSend.

in Using jQuery Plugins • 5 years ago

Hi,
I need your help to display an alert (smartAlert) during php file is calling by ajax beforeSend.
This is my code. It works fine but only inside div #risulta. Before that there are some links there are disabled after beforeSend:

$.ajax({
type: 'POST',
url: "registroQuadri1.php",
data: {a:arg1, b:arg2, c:arg3},

beforeSend: function(xhr){

$.alert.open({
    type: 'info',
    title: 'RegistroOnWeb - Caricamento in corso -',
    content: 'Caricamento del registro personale in corso. <br> Si prega di attendere...',
    buttons: false,
    cancel: false
});
},
success: function(msg){
    $("#risulta").html(msg);
    datiJQuery(arg4);
});

Thanks in advance.

Tegatti

Replies(11)

jakecigar

Re: jquery ajax beforeSend.

5 years ago

I don’t know what $.alert.open is but it would seem you should also call a close function to restore everything.

JΛ̊KE

tegatti

Re: jquery ajax beforeSend.

5 years ago

Hi Jake,
How are you?

You can see that:

http://registroonweb.it/registro/registroQuadri.php

and then choose a link under "Classi", smartAlert is displayed and then the php is called and all the links are disabled

Tegatti

jakecigar

Re: jquery ajax beforeSend.

5 years ago

You open this alert and it stops. I think you chose the wrong "dialog". Use a jQuery UI dialog!

JΛ̊KE

tegatti

Re: jquery ajax beforeSend.

5 years ago

Jake,
I've done as you suggest me:

beforeSend: function(xhr){
    $("#esegui").dialog({
        "title": "RegistroOnWeb - Caricamento in corso -",
        height: 350,
        width: 500,
     })
},
success: function(msg){
    $("#risulta").html(msg);
    datiJQuery(arg4);
}});

<div id="esegui">
<h3 align="center">Caricamento del registro personale in corso. <br> Si prega di attendere...</h3>
</div>

Now beforeSend is executed at the some time with success, but the links are not disabled

Tegatti

jakecigar

Re: jquery ajax beforeSend.

5 years ago

Dd you close the dialog in the success, or better yet the complete?

JΛ̊KE

tegatti

Re: jquery ajax beforeSend.

5 years ago

Jake,
I would like to open the dialog on beforeSend and then close it on success. So the user knows that he has to wait until the page is completed

Tegatti

jakecigar

Re: jquery ajax beforeSend.

5 years ago

Correct! Dialog Widget | jQuery UI API Documentation

JΛ̊KE

tegatti

Re: jquery ajax beforeSend.

5 years ago

Jake,
it works fine just after the 2nd execution. I mean that when I run the page and I choose the classe, the dialog not is displayed, but if a choose a classe again it works as I would.

Tegatti

jakecigar