So rufen Sie jQuery AJAX bei Klickereignis auf?

Question

Ich machte ein jQuery-Modell.

Ich versuche Daten mit AJAX innerhalb dieses Modells zu füllen.

Ich bekomme eine ID und mit dieser möchte ich Daten mit AJAX füllen.

Wie soll ich AJAX bei Klickereignis aufrufen?

Gibt es ein anderes Ereignis, wenn das Modell geöffnet oder geladen wird?

Das Modell ist nur das Anzeigen und Verbergen von Div.

Answer 1

einfach mit:

JS:

$(document).ready(function(){ 
    $('a.pop').click(function() { 
    var popID = $(this).attr('rel'); 
    $.get('content.php', { ref:popID }, function(data) { 
     $(popID+'Container').html(data); 
     $(popID).dialog(); 
     alert('Load was performed.'); 
    }); 
    return false; // prevent default 
    }); 
}); 

HTML:

<div id="example" class="flora" title="This is my title"> 
    I'm in a dialog! 
    <div id="exampleContainer"></div> 
</div> 
<a href="#" id="clickingEvent" class="pop" rel="example">click to launch</a> 

Es ist nicht getestet, aber wie ich es sehe, sollte es funktionieren ...

Answer 2

Sie haben es fast, Sie müssen die Standardaktion verhindern, die die href in der Verbindung zu folgen ist, so fügen Sie entweder event.preventDefault() oder return false, wie folgt aus:

$('a.pop').click(function(e) {      //add e param 
    var popID = $(this).attr('rel'), 
     popURL = $(this).attr('href'); 
    $.get("content.php", { ref:id}, function(data) { //did you mean popID here? 
    alert("Data Loaded: "+data); 
    }); 
    e.preventDefault(); //or return false;   //prevent default action 
});