ajax调用不能在jQuery对话框中单击按钮

Question

我是jQuery的新手，我已经启用了打开对话框的功能，我必须在其中显示一些细节以及两个按钮“添加到被邀请者”和“取消”。

$( "#dialog" ).dialog({ autoOpen: false});
    $(function() {
        var postData = JSON.stringify(userData);
        $( "#dialog" ).dialog({ 
            title: "User Details",
            modal: true,
            buttons: {
                AddInvite: function() {(
                    $.ajax({
                        url : "addUser.html",
                        dataType : "json",
                        contentType: "application/json",
                        type : "POST",
                        data : postData,
                        cache : false,
                        success : function(data) {
                            $(this).dialog("close");
                        },
                        error : function(){
                            $(this).dialog("close");
                        }
                    }));                              
                },
                Cancel: function() {
                    $(this).dialog("close");
                }                                                                             
            }
        });
   });

我打开ajax调用对话框

success : function(modelMap) {
    userData = modelMap.userData;
    if (modelMap.userData!= null ){
        $("#dialog").dialog("open");    
        var state = true;
        if (state) {
            $("#dialog").animate({
                backgroundColor: "#fcfae0",
                color: "black",                                        
            });
        } 
    }

一切正常，我的对话框显示里面的内容，但问题是当我点击“添加到被邀请者”按钮时，我没有得到userData，我需要传递给我的控制器。我得到了空对象。

var postData = JSON.stringify(userData);

userData是一个全局变量，但这不会在下面的步骤中初始化。

userData = modelMap.userData;