Intégrer un jQuery UI Dialog à un résultat AJAX

Bonjour tout le monde,

J'aimerais lancer une jquery UI dialog si la réponse ajax vaut 0, mais vu qu'il y a du code HTML, CSS, je ne vois pas où mettre ce code après la réponse AJAX.

Voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(document).ready(function()
{
 
  $.ajax(
   {
 
        url: 'check_RGPD.php',
        type: 'POST',
        dataType: 'text',
        success: function(data)
        {
 
          //Sil data vaut 0, j'aimerais lancer ma jQuery UI dialog ici
 
 
        }    
   });

Voici pour information mon code PHP qui fonctionne parfaitement en me retournant 0 ou 1 :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<?php 
 
	session_start();
 
	require_once 'model/config/config.inc.php';
	require_once MODEL_PATH . '/autoloader/Autoloader.class.php';
	$autoloader = new Autoloader($configPath);
	$sql = new SqlManager(DB, USER_DB, PWD_DB);
 
	$response = '';
 
 
	if(isset($_SESSION['id']))
	{
	    $sql->selectFrom(array(
	    	'pharmacien.RGPD',
	    ), 'pharmacien');
 
	    $sql->addWhere('pharmacien.ref_identification', '=', $_SESSION['id']);
					//echo $sql->sqlReturn();
					//return false;
	    $executionSQL = $sql->save();
 
	    if($executionSQL)
	    {
	        foreach ($executionSQL as $RGPD_value)
	        {
 
	        	echo $RGPD_value->RGPD;
 
	        }
	    }
    }  
 ?>

Voici le code de ma jQuery UI Dialog, mais je ne sais pas du tout comment m'y prendre pour la lancer et l'insérer dans mon code :

HTML :

Code:

1
2
<input type="button" id="btnOpenDialog" value="Open Confirm Dialog" />
<div id="dialog-confirm">Are you sure you want to do whatever?</div>

Code:

1
2
3
4
5
6
7
8
#dialog-confirm {
    display:none
}
.shut-up {
    float:left;
    display: inline-block;
    margin-top: 1em;
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
function fnOpenNormalDialog() {
    // Define the Dialog and its properties.
    $("#dialog-confirm").dialog({
        resizable: false,
        modal: true,
        title: "Modal",
        height: 250,
        width: 400,
        create: function (e, ui) {
            var pane = $(this).dialog("widget").find(".ui-dialog-buttonpane")
            $("<label class='shut-up' ><input  type='checkbox'/> Stop asking!</label>").prependTo(pane)
        },
        buttons: {
            "Yes": function () {
                $(this).dialog('close');
                callback(true);
            },
                "No": function () {
                $(this).dialog('close');
                callback(false);
            }
        }
    });
}
 
$('#btnOpenDialog').click(fnOpenNormalDialog);
$(document).on("change", ".shut-up input", function () {
    alert("shut up! " + this.checked)
})
 
function callback(value) {
    if (value) {
        alert("Confirmed");
    } else {
        alert("Rejected");
    }
}

EDIT : J'ai trouvé ceci sur Google, j'y réfléchis :

Code:

$("#dialog-form").load(data).dialog({modal:true}).dialog('open');

Merci d'avance pour votre aide.

bee