如何在jquery dialogextend 2.0.4中加载ajax

如何在jquery dialogextend 2.0.4中加载ajax,jquery,ajax,Jquery,Ajax,我试图开发一个应用程序,用户可以选择日期并在点击按钮的弹出窗口中查看他们的交易历史,然后调用ajax并返回,然后返回到弹出窗口中。 参考: 按钮 $(函数(){ var remoteUrl='send.php'; var largeParams={ 参数1:$(“#日期”).val() }; $(“#按钮”)。单击(函数(){ $(“#表单”)。对话框({ “标题”:“对话框标题”, “宽度”:640, “高度”:480, “模态”:正确, “可调整大小”:正确, “可拖动”:是的, “dial

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

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

不清楚您需要什么帮助。请编辑您的帖子,使您的问题更清楚;到底是什么不起作用?你试图修复什么?@lukkea我想让用户点击一个按钮来启动弹出窗口,这个弹出窗口就是ajax请求。
<div><button type="button" id="button">Button</button></div>
    <script>
        $(function () {
            var remoteUrl = 'send.php';
            var largeParams = {
                param1: $("#date").val()
            };
            $("#button").click(function () {
                $("#form").dialog({
                    "title": "Dialog title",
                    "width": 640,
                    "height": 480,
                    "modal": true,
                    "resizable": true,
                    "draggable": true,
                    "dialogClass": "ui-dialog-red",
                    message: function (dialogRef) {
                        var $message = $('<div>Loading...</div>');
                        $.ajax({
                            url: remoteUrl,
                            type: 'POST',
                            data: largeParams,
                            context: {
                                Dialongbox: dialogRef
                            },
                            success: function (content) {
                                this.Dialongbox.setMessage(content);
                            }
                        });

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