Question

Right now I’ve got a ui dialog on a page, and I need some way to pass a javascript variable to the php within the dialog via AJAX. Here’s my code:

$('.user').click(function(){
    var user = getID($(this).attr('id'),'User');
    $.ajax({   
        type: "POST",   
        url: "test.php",   
        data: 'user=' + user,
        success: function(){
            $("#dialog").dialog('open');
        }
    });
});

and the beginning of the PHP:

    <?php

        if(isset($_POST['user'])){
            echo '<center><b>User: '.ucfirst($_POST['user']).'</b></center><br />';
        }

The problem is, it’s just not getting passed. I’m very new with Ajax so I’m sure I’m messing something up.

Answer 1

This is not working because you don’t specify the return variable, see your code with correction:

$('.user').click(function(){
var user = getID($(this).attr('id'),'User');
$.ajax({   
    type: "POST",   
    url: "test.php",   
    data: 'user=' + user,
    success: function(data){ // Here you specify the callback variable from the AJAX call
        alert(data); // Here will show '<center><b>User: UserExample </b></center><br />';
        $("#dialog").dialog('open');
    }
   });
});