通过JavaScript提交表单而无需刷新页面

Question

我目前正在使用

通过JavaScript提交一个简单的PHP表单

document.add_driver.submit();

此方法如何将浏览器重定向到表单操作的地址 即：<form name="add_driver" id="add_driver" action="../scripts/add_driver_script.php" method="post">

然后需要再次重定向回初始页面。

我想知道如何使用JavaScript仍然提交表单但是没有页面重定向。

干杯。

Answer 1

序列化表单的输入，然后使用AJAX将其发送到action。

研究AJAX，和/或使用库来简化操作。

Answer 2

JavaScript：“document.add_driver.submit（）;”只是“点击”提交按钮，这将导致它重定向到../scripts/add_drive_script.php页面。

听起来你想在后台执行此操作，我建议使用jQuery，它是一个内置任何AJAX相关函数的JavaScript库。

您可以将以下内容添加到页面标题中，而不是将jQuery库下载到服务器以进行测试：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

您可能使用的一个简单功能是：

<script>

$("#add_driver").submit(function() {
    $.post("../scripts/add_driver_script.php", $("#add_driver").serialize());
});

</script>