Làm cách nào để gọi jQuery AJAX trên sự kiện nhấp?

Question

Tôi đã tạo một mô hình jQuery.

Cố gắng điền dữ liệu bằng AJAX bên trong mô hình đó.

Tôi nhận được id và sử dụng tôi muốn điền dữ liệu bằng AJAX.

Tôi nên gọi AJAX bằng cách nhấp vào sự kiện như thế nào?

Có sự kiện nào khác khi mô hình được mở hoặc tải không?

Mô hình chỉ là hiển thị và ẩn div.

Answer 1

Đơn giản chỉ cần sử dụng:

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> 

Nó không phải là thử nghiệm, nhưng khi tôi nhìn thấy nó, nó nên làm việc ...

Answer 2

Bạn gần như có nó, bạn cần phải ngăn chặn hành động mặc định mà là để làm theo các href trong liên kết, vì vậy thêm một trong hai event.preventDefault() hoặc return false, như thế này:

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