Javascript 为什么不是'；当试图使用Ajax和接收两个字符串的外部PHP文件发布内容时，我的表单是否工作正常？

因此，基本上我尝试使用Ajax处理PHP文件并发布两个输入（fullname和phonenumber），但当我尝试单击submit按钮时，它似乎不起作用，它只会刷新

这是我的代码，都在HTML文件中：

HTML:

函数validateForm（）{
var x=document.forms[“myForm”][“fullname”].value；
如果（x==null | | x==“”）
{
警告（“必须填写姓名”）；
返回false；
}
var x=document.forms[“myForm”][“phonenumber”]。值；
如果（x=null | | x==“”）
{
警报（“请输入电话号码”）；
返回false；
}
函数isNumberKey（evt）{
var e=evt | | window.event；//window.event更安全，
var charCode=e.which | e.keyCode；
如果（字符码>31&（字符码<47 | |字符码>57））
返回false；
如果（如shiftKey）返回false；
返回true；
}
$.ajax({
类型：“POST”，
url:“http://www.bmoseley.com/ajax/addrecord.php",
数据：“fullname=“+fullname+”&phonenumber=“+phonenumber，
成功：函数（）{
警报（“姓名和电话号码添加成功！”）；
}
});
$（“#显示信息”）。加载（“http://www.bmoseley.com/ajax/listrecords.php");  
}
$（文档）.ready（函数（）{
$（“#显示信息”）。加载（“http://www.bmoseley.com/ajax/listrecords.php");
});

---

对不起，代码太乱了。希望有人能帮忙

您需要在表单submit上发送ajax请求，您的代码在页面加载时执行此操作

删除内联提交处理程序

onSubmit=“return validateForm（）”

，然后重试

jQuery(function () {
    //register a form submit event handler
    $('form').submit(function (e) {
        //stop the default form submission
        e.preventDefault();

        //validations, use jQuery selectors to get the input elements
        var fullname = $('#fullname').val();
        if (fullname == '') {
            alert("First name must be filled out");
            return;
        }
        var phonenumber = $('#phonenumber').val();
        if (phonenumber == '') {
            alert("Please enter a phone number");
            return;
        }

        //if validations are successful then send the ajax request
        $.ajax({
            type: "POST",
            url: "http://www.bmoseley.com/ajax/addrecord.php",
            data: "fullname=" + fullname + "&phonenumber=" + phonenumber,
            success: function () {
                alert("Name and phone number added successfully!");
            }
        }).always(function () {
            //once ajax request is completed reload the list
            $("#displayInfo").load("http://www.bmoseley.com/ajax/listrecords.php");
        });
    })
})

function isNumberKey(evt) {
    var e = evt || window.event; //window.event is safer,
    var charCode = e.which || e.keyCode;
    if (charCode > 31 && (charCode < 47 || charCode > 57)) return false;
    if (e.shiftKey) return false;
    return true;
}

jQuery（函数（）{
//注册表单提交事件处理程序
$（'form'）。提交（函数（e）{
//停止默认表单提交
e、 预防默认值（）；
//验证时，使用jQuery选择器获取输入元素
var fullname=$（'#fullname'）.val（）；
如果（全名=“”）{
警告（“必须填写姓名”）；
返回；
}
var phonenumber=$（'#phonenumber'）.val（）；
如果（电话号码=“”）{
警报（“请输入电话号码”）；
返回；
}
//如果验证成功，则发送ajax请求
$.ajax({
类型：“POST”，
url:“http://www.bmoseley.com/ajax/addrecord.php",
数据：“fullname=“+fullname+”&phonenumber=“+phonenumber，
成功：函数（）{
警报（“姓名和电话号码添加成功！”）；
}
}).always（函数（）{
//ajax请求完成后，重新加载列表
$（“#显示信息”）。加载（“http://www.bmoseley.com/ajax/listrecords.php");
});
})
})
函数isNumberKey（evt）{
var e=evt | | window.event；//window.event更安全，
var charCode=e.which | e.keyCode；
if（charCode>31&（charCode<47 | | charCode>57））返回false；
如果（如shiftKey）返回false；
返回true；
}

似乎@Arun已经对你的问题给出了答案，只是给了你一个额外的信息，因为我看到了你对他的答案的评论

如果控制台显示

jquery未定义

可能您的文件中没有包含库，您可以通过

//referencing it on google_codes like
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>


//or downloading the framework at [jquery][1] and include to your file like
<script type = "text/javascript" src = "path where you paset the downloaded file"></script>

//在google上引用它
//或者在[jquery][1]下载框架，并将其包含到您的文件中，如

---

希望如此：）

是否正在发送AJAX请求？签入控制台。@Sandepnayak我相信不是，它在删除额外的}后说“输入意外结束”和“意外标记}”，现在说“未定义全名”，只是运行代码给了我两个错误：

SyntaxError:missing}在函数体之后

@line 28和

SyntaxError:syntax error}/code>@line40尝试过它，但现在在控制台中，它提到“查询未定义”，将库包含在html文件中，如
抱歉，我没有删除其他部分。现在成功了，谢谢！谢谢我相信这与我在重写时忘记删除的一段代码有关。不过知道总是好的。
//referencing it on google_codes like
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>


//or downloading the framework at [jquery][1] and include to your file like
<script type = "text/javascript" src = "path where you paset the downloaded file"></script>