jqueryダイアログ内の関数を呼び出す

Question

jqueryダイアログ（）を使用しているので、ポップアップが表示されます。ポップアップに情報を表示する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> 

である：（ は を「私はここにPHPのコードを配置する必要があり、」エコー） 関数show_phpを。 関数show_php（）を呼び出すにはどうすればいいですか？これはjqueryダイアログ（）;を使用して可能ですか？

Answer 1

クエリダイアログの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 
    } 
}); 

Answer 2

you can use ajax by modifying your current file like this 


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

        $("#addImage").click(function() { 
         $.ajax({ 
        url: "show.php", //it now afile where your function is and you want to run 
        type: "GET",   
        data: data, //any data you want to send to php file/function 
        cache: false, 
       success: function (html) { 


       //add the content retrieved from ajax and put it in the #content div 
       $('#dialog-form').html(html); //will add the content from the php to div 

      }  
     }); 
         $("#dialog-form").dialog("open"); 
         return false; 
        }); 
        }); 
     <button id="addImage">Add Image</button> 
      <div id="dialog-form"> <?php function show_php(); ?> 
      </div> 

Answer 3

$('#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({ 
    ...... 
});