Question

Javascript部分...... 它停在$（“＃deletar”）。点击......

$(document).ready(function() {
    $("#deletar").click(function() { // it fails here !!
        var sendu = $("#ids").val();
        $.ajax({
            type : "POST",
            url : "deletar.php",
            data : "ids=" + sendu,
            success : function(msg, string, jqXHR) {
                $("#result").html(msg);
            }
        });
    });
});

这是php文件...是对其他ajax帖子的回显，并检索mysql db的列表

.$row2['amigos']."
</td>
<td><inp ``ut type='submit' name='deletar' id='deletar' value='deletar'
        OnClick='return confirm(\"Tem certeza que quer deletar esta linha?\");'>
    <input type='hidden' name='ids' id='ids' value='".$row2['id']."'>

</td>
</tr>
";
enter code here

Answer 1

正在通过提交按钮click调用您的ajax。您没有做任何事情来阻止提交按钮的默认行为，因此在您的ajax调用之后，浏览器将使用传统请求提交表单。

在click事件中，您可以return false阻止表单提交：

$("#deletar").click(function(){ //it fails here !!
    var sendu = $("#ids").val();
    $.ajax({
        type:"POST",
        url:"deletar.php",
        data: "ids="+sendu,
        success: function(msg,string,jqXHR){
                $("#result").html(msg);
            }
        }); 

    return false; // <--- stop the form submitting
});

您也可以使用e.preventDefault来获得相同的结果。

Answer 2

我认为您需要在单击提交按钮后停止提交表单：

$(document).ready(function () {
    $("#deletar").click(function (event) {//it fails here !!
        event.preventDefault(); // one of these
        event.stopPropagation(); // lines should do the trick
        var sendu = $("#ids").val();
        $.ajax({
            type : "POST",
            url : "deletar.php",
            data : "ids=" + sendu,
            success : function (msg, string, jqXHR) {
                $("#result").html(msg);
            }
        });
    });
});

javascript不会读.post php提交输入（在php中）

2 个答案: