Php 在jquery对话框()中调用函数

Php 在jquery对话框()中调用函数,php,jquery,Php,Jquery,我正在使用jquery dialog(),因此弹出了一个窗口。我想调用一个php函数在弹出窗口中显示信息。 我的代码是 $(document).ready(function() { $( "#dialog-form" ) .dialog({ autoOpen: false, title: "Add Images",

我正在使用jquery dialog(),因此弹出了一个窗口。我想调用一个php函数在弹出窗口中显示信息。 我的代码是

 $(document).ready(function() {
                $( "#dialog-form" )
                    .dialog({
                        autoOpen: false,
                        title: "Add Images",
                        //buttons: {"Cancel": function() { $(this).dialog("close"); }},
                        draggable: false,
                        resizable: false 
                });

                $("#addImage").click(function() {
                    $( "#dialog-form" ).dialog("open");
                    return false;
                });
                });
    <button id="addImage">Add Image</button>
        <div id="dialog-form"> <?php function show_php(); ?>
        </div>
$(文档).ready(函数(){
$(“#对话框形式”)
.对话({
自动打开:错误,
标题:“添加图像”,
//按钮:{“取消”:函数(){$(this).dialog(“close”);},
可拖动:错误,
可调整大小:false
});
$(“#添加图像”)。单击(函数(){
$(“#对话框窗体”)。对话框(“打开”);
返回false;
});
});
添加图像
然后我有下面的函数: 函数show\u php( echo“我需要把php代码放在这里” );
如何调用函数show_php();使用jquery dialog();,这可能吗

使用查询对话框的
open
事件触发ajax调用并填充它

$( "#dialog-form" ).dialog({
   open: function(event, ui) {
     // Here you make an ajax call to load the content of the dialog from the server
   }
});

使用查询对话框的
open
事件触发ajax调用并填充它

$( "#dialog-form" ).dialog({
   open: function(event, ui) {
     // Here you make an ajax call to load the content of the dialog from the server
   }
});
您可以通过如下方式修改当前文件来使用ajax
$(文档).ready(函数(){
$(“#对话框形式”)
.对话({
自动打开:错误,
标题:“添加图像”,
//按钮:{“取消”:函数(){$(this).dialog(“close”);},
可拖动:错误,
可调整大小:false
});
$(“#添加图像”)。单击(函数(){
$.ajax({
url:“show.php”//它现在是一个文件,您的函数所在的位置以及您想要运行的位置
键入:“获取”,
data:data,//任何要发送到php文件/函数的数据
cache:false,
成功:函数(html){
//添加从ajax检索到的内容并将其放入#content div
$('#dialog form').html(html);//将把php中的内容添加到div中
}       
});
$(“#对话框窗体”)。对话框(“打开”);
返回false;
});
});
添加图像
您可以通过如下方式修改当前文件来使用ajax
$(文档).ready(函数(){
$(“#对话框形式”)
.对话({
自动打开:错误,
标题:“添加图像”,
//按钮:{“取消”:函数(){$(this).dialog(“close”);},
可拖动:错误,
可调整大小:false
});
$(“#添加图像”)。单击(函数(){
$.ajax({
url:“show.php”//它现在是一个文件,您的函数所在的位置以及您想要运行的位置
键入:“获取”,
data:data,//任何要发送到php文件/函数的数据
cache:false,
成功:函数(html){
//添加从ajax检索到的内容并将其放入#content div
$('#dialog form').html(html);//将把php中的内容添加到div中
}       
});
$(“#对话框窗体”)。对话框(“打开”);
返回false;
});
});
添加图像
$('#addImage')。单击(函数(){
$('#dialog form').load('show.php').dialog({
自动打开:错误,
标题:“对话框标题”,
宽度:400,
位置:[“中间”、“中间”],
莫代尔:是的,
可调整大小:false,
按钮:{
“确定”:函数(){
$(此).dialog(“关闭”);
}
}
}).对话框(“打开”);
返回false;
});
show.php
或
$('').load('show.php')。对话框({
......
});
$('#addImage')。单击(函数(){
$('#dialog form').load('show.php').dialog({
自动打开:错误,
标题:“对话框标题”,
宽度:400,
位置:[“中间”、“中间”],
莫代尔:是的,
可调整大小:false,
按钮:{
“确定”:函数(){
$(此).dialog(“关闭”);
}
}
}).对话框(“打开”);
返回false;
});
show.php
或
$('').load('show.php')。对话框({
......
});

PHP首先执行。结果将发送到浏览器。然后执行JavaScript。它不了解PHP。当然,在发送到客户端之前,您可以将
show_php()
返回的内容放入HTML中。或者,您可以通过Ajax加载内容。您可以对运行您的函数并返回html或数据的文件向服务器进行Ajax调用。如果是html,则可以在对话框打开之前或从对话框内的某个用户事件将其插入到对话框中。需要更多地了解您想要发生什么,以及基于首先执行什么eventPHP。结果将发送到浏览器。然后执行JavaScript。它不了解PHP。当然,在发送到客户端之前,您可以将
show_php()
返回的内容放入HTML中。或者,您可以通过Ajax加载内容。您可以对运行您的函数并返回html或数据的文件向服务器进行Ajax调用。如果是html,则可以在对话框打开之前或从对话框内的某个用户事件将其插入到对话框中。需要了解更多关于您希望发生什么以及基于什么事件,您可能需要向OP解释如何从不直接从jQuery调用PHP函数,而是必须通过AJAX来实现。您可能需要向OP解释如何从不直接调用PHP函数
$('#addImage').click(function() {
    $('#dialog-form').load('show.php').dialog({
        autoOpen : false,
        title    : 'dialog title',
        width    : 400,
        position : ['center', 'middle'],
        modal    : true,
        resizable: false,
        buttons: {
            'OK' : function() {
                $(this).dialog("close");
            }
        }
    }).dialog('open');
    return false;
});

show.php
<?php
    echo "this is show.php";
?>

or

$('<div />').load('show.php').dialog({ 
    ......
});