Wie Ajax zu verwenden, um PHP in einem modalen Pop-up zu zeigen

Question

hallo da :) Ich versuche herauszufinden, wie ich einige Inhalte über Ajax in einem Jquery-Skript im verwenden kann. Im Versuch, dieses Skript anpassen meine Bedürfnisse, seine ziemlich gerade forwrd:

$('a.poplight[href^=#]').click(function() { 
var popID = $(this).attr('rel'); //Get Popup Name 
var popURL = $(this).attr('href'); //Get Popup href to define size 

//Pull Query & Variables from href URL 
var query= popURL.split('?'); 
var dim= query[1].split('&'); 
var popWidth = dim[0].split('=')[1]; //Gets the first query string value 

//Fade in the Popup and add close button 
jQuery('#' + popID).fadeIn(200).css({ 'width': Number(popWidth) }); 


//Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding 
var popMargTop = ($('#' + popID).height() + 80)/2; 
var popMargLeft = ($('#' + popID).width() + 80)/2; 

//Apply Margin to Popup 
jQuery('#' + popID).css({ 
    'margin-top' : -popMargTop, 
    'margin-left' : -popMargLeft 
}); 

//Fade in Background 
$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag. 
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) IE 

return false; 


}); 

//Close Popups and Fade Layer 
$('a.close, #fade, .cancel').live('click', function() { //When clicking on the close or fade layer... 
    $('#fade , .popup_block').fadeOut(function() { 
     $('#fade, a.close').remove(); //fade them both out 
     $('form').clearForm(); 
}); 
    return false; 
}); 

Es ist ein div Aufruf, die versteckt ist. Ich möchte nur eine PHP-Datei aufrufen, die stattdessen alle Inhalte enthält. so sieht das html aus:

<a href="#?w=480" rel="whatever" class="poplight"><input type="button" class="button" value="update"/></a> 

irgendwelche ideen? Danke im Voraus :)

Ok, ich habe versucht jQuery UI Dialog ... und ich muss sagen, es ist irgendwie frustrierend ... ich weiß, es ist schwer zu folgen jemandes Codierung, aber ich kann eigentlich so ziemlich alles zwicken außer wie diesen Code zu verwenden, um Daten zu holen und es in dem Pop-up seit dem href zeigen wird, um die modale Größe nennen, und nicht tatsächlichen Inhalt

so im zu diesem zurück lol

Answer 1

Warum gehst du nicht Verwenden Sie stattdessen jquery UIs (gute Code-Qualität). Dann bekommst du Inhalt über $.get()