Javascript AJAX表单正在提交给自己？

我不知道今晚这里发生了什么，但我似乎无法让AJAX正常工作。提交表单时，它使用URL中的值刷新页面。我正在使用一个带有提交处理程序的验证插件，但它仍然会刷新。我以前用过这种方法，没有问题。看一下这里的页面，让我知道你的想法：

谢谢我很快会给你回复。
//此脚本将处理电子邮件表单
$（窗口）。加载（函数（）{
$（'contact_form'）。占位符rx（{textColor:'#999'，hoverColor:'#fbfb'，addClass:'yourFormInputText'}）；
});
$（“.button”）。单击（函数（）{
var dataString=“fname=”+$（“#firstName”）.val（）；
警报（数据串）；
$.ajax({
类型：“POST”，
url:“http://www.jacobsmits.com/demos/scripts/contact_form.php",
数据：dataString，
成功：功能（结果）{
如果（结果=“成功”）{
警惕（“成功”）；
}否则{
警报（“失败”）；
}
}
});
});

您需要取消

submit

按钮的默认行为

$(".button").click(function(e) {
            e.preventDefault();
            //rest of your code here
            var dataString = "fname=" + $("#firstName").val();
            alert(dataString);
            $.ajax({

---

您需要取消

submit

按钮的默认行为

$(".button").click(function(e) {
            e.preventDefault();
            //rest of your code here
            var dataString = "fname=" + $("#firstName").val();
            alert(dataString);
            $.ajax({

---

您需要取消提交按钮的默认行为（提交表单而不是ajax）。
可以使用事件对象上的

preverntDefault（）

或

return false来完成

   $(".button").click(function(e) {
        var dataString = "fname=" + $("#firstName").val();
        alert(dataString);
        $.ajax({
            type: "POST",
            url: "http://www.jacobsmits.com/demos/scripts/contact_form.php",
            data: dataString,
            success: function(result) {
                if(result == "Success"){
                    alert("Success");
                }else{
                    alert("Fail");
                }
            }
        });
        return false; /// <=== that was missing.
        e.preventDefault(); /// Or this.
    });

$（“.button”）。单击（函数（e）{
var dataString=“fname=”+$（“#firstName”）.val（）；
警报（数据串）；
$.ajax({
类型：“POST”，
url:“http://www.jacobsmits.com/demos/scripts/contact_form.php",
数据：dataString，
成功：功能（结果）{
如果（结果=“成功”）{
警惕（“成功”）；
}否则{
警报（“失败”）；
}
}
});
返回false；//您需要取消提交按钮的默认行为（提交表单而不是ajax）。

可以使用事件对象上的
preverntDefault（）
或
return false；

   $(".button").click(function(e) {
        var dataString = "fname=" + $("#firstName").val();
        alert(dataString);
        $.ajax({
            type: "POST",
            url: "http://www.jacobsmits.com/demos/scripts/contact_form.php",
            data: dataString,
            success: function(result) {
                if(result == "Success"){
                    alert("Success");
                }else{
                    alert("Fail");
                }
            }
        });
        return false; /// <=== that was missing.
        e.preventDefault(); /// Or this.
    });

$（“.button”）。单击（函数（e）{
var dataString=“fname=”+$（“#firstName”）.val（）；
警报（数据串）；
$.ajax({
类型：“POST”，
url:“http://www.jacobsmits.com/demos/scripts/contact_form.php",
数据：dataString，
成功：功能（结果）{
如果（结果=“成功”）{
警惕（“成功”）；
}否则{
警报（“失败”）；
}
}
});
return false；///您能发布负责表单提交的代码吗？即使这个非常基本的实现会导致页面刷新。它永远不会出现警告：success。php脚本现在也只是输出success。我很快就要生成一个看起来像按钮的div了。您缺少了
return false；
或
e.default（）.
查看我的答案。你能发布负责表单提交的代码吗？即使这个非常基本的实现会导致页面刷新。它永远不会到达警报：success。php脚本现在也只是输出success。我很快就要生成一个看起来像按钮的div了。你缺少了
return false；
或
e.preventDefault（）。
查看我的答案。非常感谢！你是一个救生员。这让我发疯。非常感谢！你是一个救生员。这让我发疯。