Javascript 如何在jquery对话框Extend中加载ajax

我试图开发一个应用程序，用户可以选择日期并在点击按钮的弹出窗口中查看他们的交易历史，然后调用ajax并返回，然后返回到弹出窗口中。参考：

$（函数（）{
var remoteUrl='send.php'；
var largeParams={
参数1:$（“#日期”）.val（）
};
$（“#按钮”）。单击（函数（）{
变量对话框={
“标题”：“对话框标题”，
“宽度”：640，
“高度”：480，
“模态”：正确，
“可调整大小”：正确，
“可拖动”：是的，
“dialogClass”：“ui对话框红色”，
“打开”：函数（）{
var$message=$（'Loading…'）；
$.ajax({
url:remoteUrl，
键入：“POST”，
数据：大参数，
背景：{
jDialongbox:dialogRef
},
成功：功能（内容）{
this.jDialongbox.setMessage（内容）；
}
});
返回$message；
},
“按钮”：{“关闭”：函数（）{
$（此）.dialog（“关闭”）；
}}
};
var moreOptions={
“可关闭”：正确，
“最大化”：正确，
“可最小化”：正确，
“dblclick”：“collapse”，
“最小位置”：“左”，
“图标”：{
“关闭”：“ui图标关闭”，
“最大化”：“ui-icon-arrow-4-diag”，
“最小化”：“ui-icon-arrowstop-1-s”，
“还原”：“ui-icon-carat-2-n-s”
}
};
$（“#表单”）.dialog（dialogBox）.dialogExtend（moreOptions）；
});
});

---

如有任何建议，将不胜感激

您在控制台中看到了哪些错误？当

$.ajax（）

在网络部分运行时，发送和返回的是什么？感谢您的回复，我已经解决了这个问题。是否按照我想要的方式完美工作@Twisty

 <script>
        $(function () {
            var remoteUrl = 'send.php';
            var largeParams = {
                param1: $("#date").val()
            };
            $("#button").click(function () {
                var dialogBox = {
                    "title": "Dialog title",
                    "width": 640,
                    "height": 480,
                    "modal": true,
                    "resizable": true,
                    "draggable": true,
                    "dialogClass": "ui-dialog-red",
                    "open": function () {
                        var $message = $('<div>Loading...</div>');
                        $.ajax({
                            url: remoteUrl,
                            type: 'POST',
                            data: largeParams,
                            context: {
                                jDialongbox: dialogRef
                            },
                            success: function (content) {
                                this.jDialongbox.setMessage(content);
                            }
                        });

                        return $message;
                    },
                    "buttons": {"Close": function () {
                            $(this).dialog("close");
                        }}
                };
                var moreOptions = {
                    "closable": true,
                    "maximizable": true,
                    "minimizable": true,
                    "dblclick": "collapse",
                    "minimizeLocation": "left",
                    "icons": {
                        "close": "ui-icon-close",
                        "maximize": "ui-icon-arrow-4-diag",
                        "minimize": "ui-icon-arrowstop-1-s",
                        "restore": "ui-icon-carat-2-n-s"
                    }
                };
                $("#form").dialog(dialogBox).dialogExtend(moreOptions);
            });
        });
    </script>