2010-08-31 45 views
6

Hice un modelo jQuery.Cómo llamar a jQuery AJAX al hacer clic en evento?

Estoy tratando de completar datos usando AJAX dentro de ese modelo.

Estoy obteniendo una identificación y usando eso quiero completar datos usando AJAX.

¿Cómo debo llamar al evento AJAX on click?

¿Hay algún otro evento cuando se abre o se carga el modelo?

El modelo es solo la muestra y el ocultamiento de div.

+0

Qué plug-in modal? Jquery-ui modal? si es así, tiene un evento abierto. Necesita aclaración – redsquare

+0

También ... qué significa obtener una identificación. Dónde lo obtiene, de qué, en qué caso, muéstrenos un código para dar contexto ... lea los consejos de Jon Skeets sobre cómo hacer una pregunta http://msmvps.com/blogs/jon_skeet/archive/2010/08 /29/writing-the-perfect-question.aspx – redsquare

+0

$ ('a.pop'). Clic (función() { var popIDID = $ (this) .attr ('rel'); // Obtiene el nombre emergente var popURL = $ (this) .attr ('href'); // Obtener ventana emergente href para definir $ .get ("content.php", {ref: id}, función (datos) { alerta ("Datos cargado:.? "+ datos);}); quiero llamar a ese archivo ajax en este evento click cómo hacer – zod

Respuesta

10

Simplemente usando:

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> 

No se prueba, pero en mi opinión, debería funcionar ...

+0

sí su trabajo ... soy nuevo en jQuery .. ahora está obteniendo betetr. estoy usando .get. por cierto, anota la diferencia en jquery usando get y post ...? php get post lo sé. ¿Puedo obtener las variables de un formulario usando post sin enviar usando jqueryposy? preguntando tontamente !!! estoy usando get y está trabajando ahora. – zod

+0

El GET y el POST, son los mismos en JQUERY y PHP, ya que es independiente de cualquier idioma, es parte del protocolo http. Por favor, consulte este enlace: http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html –

4

Casi lo tienes, que necesita para evitar la acción por defecto que ha de seguir el href en el enlace, por lo que añadir ya sea event.preventDefault() o return false, así:

$('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 
}); 
Cuestiones relacionadas