使用jQuery的on()方法绑定事件
在发起Ajax请求之前,需要确保DOM元素已经加载完成。这可以通过jQuery的on()方法来实现,该方法可以绑定在DOM元素上。
示例:
$(document).ready(function(){ $("#myButton").on('click', function(){ $.ajax({ url: "ajax_example.php", success: function(result){ $("#myDiv").html(result); } }); }); });
在这个示例中,当“#myButton”元素被点击时,Ajax请求将被发送到“ajax_example.php”页面。在成功返回数据后,将数据填充到“#myDiv”元素中。
请注意,使用on()方法绑定事件时,并不要将事件绑定到Ajax生成的元素上,因为它们尚未存在于DOM中。相反,将事件绑定到已经存在于DOM中的父元素上。
下一篇:AJAX不会传递硬编码的数据。