AJAX动态生成页面元素的操作与处理-优快云博客

本文链接：https://blog.youkuaiyun.com/wangyihero8/article/details/9618707

1.由ajax动态生成的页面元素是异步生成的，所以用$(document).ready(function() {$(ajax动态生成的元素).click(..));})对ajax动态生成的元素进行操作时可能会出错，因为该元素的dom可能还未生成或者刷新，所以应该在ajax成功或者失败的事件中进行对该类型的元素进行处理，可以使用一下3中方法的其中一种方法都可以：

a. $("#Delete").live("click",function(){ "要干的事"； });

b.在Ajax成功或失败的处理事件中添加绑定，建议把绑定事件的代码写到一个方法中，在页面加载时、Ajax处理返回时分别调用

function MyBind() 
{ 
$("#Delete").bind("click", function () {
                var result = confirm('确定要删除吗?');
                 if (result == true) {
                
                var keyid = $("#this").attr("Deleteid");
                $.ajax({
                    type: "GET",
                    url: "DisplayData.aspx",
                    data: { key: "Delete", id: keyid },
                    success: function (data, status) {
                        if (data == true) {
                            alert('删除成功!');
                        }
                        else {
                            alert('删除失败!');
                        }
                    }
                })
                
                }
            })
} 
$(function(){ 
MyBind(); 
$.ajax({url='',....,success:function(data){
MyBind(); 
}}) 
})