Question

我正在使用ajax加载数据行，现在我试图通过单击该行中的删除图像图标来删除行（删除图像是<input type='image'加载行数据。）

现在通过单击删除行图标，它正在触发但是ajax没有运行以删除MySql Db中的数据。

$(document).ready(function(){
   $(document.body).on('click', '.deleterow', function(){
   var userid = $(this).val();    
   var examid = $("#examid").val();    
   //alert(userid);
        $.ajax({
        type:"POST",
        url:"deletecandidateexam.php",
        data:"candid="+userid+"examid="+examid,
        dataType:"json",
        success: function(data){
            if(data = "norecord"){
                alert("No Recodrs Found to Delete Selected Candisate..");
            }if(data = "success"){
                $(this).parent().parent().remove();                    
            }if(data = "failure"){
                alert("Failed to Delete Selected Candisate, Please Try Later..");                   
            }       
        }
    });    
 });      
});

Answer 1

您需要阻止按钮的默认操作，否则您的表单将被提交：

$(document.body).on('click', '.deleterow', function(e){
    e.preventDefault();
    .... rest of code
});

修复数据错误：

data: 'candid=' + userid + '&examid=' + examid

点击事件解雇但ajax没有发生

1 个答案: