AJAX表单提交仅适用于首次提交
AJAX表单提交是一种通过异步JavaScript和XML（AJAX）技术实现的表单提交方式。它的主要特点是在不刷新整个页面的情况下，将表单数据发送到服务器并接收服务器返回的数据，实现动态更新页面内容的效果。
AJAX表单提交的优势包括：
- 用户体验优化：由于不需要刷新整个页面，用户在提交表单时可以保持当前页面的状态，提升了用户体验。
- 响应速度快：通过异步方式发送请求和接收响应，减少了不必要的等待时间，提高了响应速度。
- 节省带宽：只传输表单数据和服务器返回的数据，减少了不必要的数据传输，节省了带宽资源。
AJAX表单提交适用于各种场景，特别是以下情况：
- 实时验证表单数据：可以通过AJAX在用户输入数据的同时，实时验证数据的合法性，并给出相应的提示信息。
- 动态更新页面内容：可以通过AJAX提交表单数据并接收服务器返回的数据，实现动态更新页面内容的效果，如无需刷新页面即可显示提交结果。
- 异步上传文件：AJAX表单提交可以结合HTML5的File API实现异步上传文件的功能，提升用户体验。
腾讯云提供了丰富的云计算产品和服务，其中与AJAX表单提交相关的产品包括：
- 腾讯云API网关：提供了API的统一入口和管理，可以通过API网关实现AJAX表单提交的接口管理和调用。 产品介绍链接：https://cloud.tencent.com/product/apigateway
- 腾讯云COS（对象存储）：提供了高可靠、低成本的对象存储服务，可以用于存储AJAX表单提交中上传的文件。 产品介绍链接：https://cloud.tencent.com/product/cos
请注意，以上仅为腾讯云的相关产品示例，其他云计算品牌商也提供类似的产品和服务。
相关·内容
1回答
提交表单后，数据将发布到jquery中的ajax调用中。表单中的数据将被刷新，有一个不同的输入类型和一个新的提交按钮。
第一个html表单：
<form id="firstform">
<textarea id="firsttext"></textarea>
<input type="submit" id="firstsubmitbutton" value="send">
</form>
发布到这个jquery：
$('#firstsubmitbu
浏览 0提问于2019-10-27得票数 0
回答已采纳
我有一个表单，它有一个普通的提交按钮，但也有几个提交表单的ajax方法。我需要做一些保存前验证的事情。每次提交表单时都会调用onSubmit函数，还是需要在提交ajax表单之前手动调用该方法？
浏览 1提问于2011-05-14得票数 1
回答已采纳
2回答
我正在寻找一种方法来收集网页上的输出(在文本中)后，表单提交。
有没有办法在Javscript中查看表单提交的http响应？
否则，我想知道是否有一种很好的方式来解析或收集多个网页(同一页)表单提交的输出。我知道使用Javascript在Firefox中保存带有输出的文件是不可能的(或者说太复杂)。
因此，我的一个选择是建立另一个网页，它将接受表单提交，并在不同页面上提交表单后以某种方式输出http响应或网页。
我试图在Greasemonkey中完成所有这些工作，但我想不出一种方法来收集多个表单提交的输出(同一页的)，以便在完成后进行分析。到目前为止，我所做的就是填写正确的表单并提交(尽管它似
浏览 0提问于2011-07-13得票数 0
4回答
我的一些表单是用Javascript/JQuery提交的，所以不会发生页面刷新。
但我注意到我的两台电脑之间的浏览器有一种奇怪的行为。在一台计算机(以及我测试过的所有浏览器)上，我提交的表单都能按预期执行。我的另一台电脑(Mac)也有问题。我将提交表单，它将执行典型的POST刷新。这样浏览器就会刷新，我会在Url地址栏中看到按钮的文本。
-again，我电脑的浏览器不能这么做。
除非我疯了，否则我能推断的就是我的Mac上的浏览器没有正确地执行javascript。但我更多的是准备好在我的编码端遇到错误。
我是否正确地确保表单不会随Javascript一起提交？
<form id="
浏览 0提问于2013-01-09得票数 2
回答已采纳
1回答
我有一个简单的搜索框，用户需要单击提交按钮发送地址到一些PHP/AJAX，以查询我们的SQL数据库。它通过使用提交输入的“main-search”id来实现这一点。
<div class="address-search">
<input type='text' class='main-search-address' id="main-search-address" placeholder="Enter Street Address">in Seattle, WA
<input
浏览 2提问于2015-04-14得票数 0
我有一个form元素和span元素，如下所示： //I have used following jQuery function to replace text in span:
$(document).ready(function () {
$("#btn").click(function () {
var new_text = "Sorry, username '" + $("#username").val() + "' is taken already. Try another one. "
浏览 26提问于2021-07-28得票数 0
我正在从事JSF的工作。我有一个包含多个表单的xhtml页面。当我提交一个表单时，如果我在其他表单上做了一些更改，我就会丢失它，因为在提交时，页面会被刷新。我不能使用单一的表单。有没有什么办法。
任何解决方案都将受到高度赞赏。
谢谢！
浏览 0提问于2012-05-15得票数 0
此脚本用于在提交时清除表单，并淡入淡出响应，但由于某种奇怪的原因，它提交了两次表单。如何让它停止发送用户提交两次的信息？
代码如下：
<script type="text/javascript">
jQuery(document).ready(function() {
var clearOnSuccess = function() {
if (jQuery('#emailSubmit').length > 0) {
浏览 1提问于2013-06-23得票数 0
当我的表单提交时，如果php不喜欢field1和field2中包含的值，它将返回false。如果它喜欢这些字段，那么它将返回true。如果用户提交表单，php返回false，那么就会出现一个警告。关闭警告窗口后，如果用户立即在这些字段中输入新的(好的)数据并再次提交表单，那么表单将以某种方式提交两次。为什么？我该如何解决这个问题呢？
$("form#myForm").on('submit',function()
{
$.ajax(
{
type: "POST",
url: 'myfile.
浏览 3提问于2013-02-09得票数 1
2回答
我有一个PHP文件，它有一个HTML表单，通过AJAX提交到数据库。当我点击表单提交按钮时，每个PHP查询都会自动更新。这就是Ajax的正常操作方式吗？或者，如果我将父文件从PHP切换到HTML，是否会消除页面上所有PHP的不必要更新？
浏览 1提问于2011-11-07得票数 0
3回答
我有一个在div中的表单，该表单包含一个输入type=file。我使用以下命令提交表单
$("#div form").submit();
但是我想要检测表单何时实际完成了提交。我试过了：
$("#div form").submit(function()
{
alert("submitted")
});
但这似乎不起作用，表单不再提交，我也不会收到警报。
然后我试着：
$("#div form").submit(showalert());
function showalert()
{
alert("show")
浏览 0提问于2011-07-07得票数 1
回答已采纳
1回答
似乎OnEdit只适用于电子表格？我有一个谷歌表单捕获数据，并发送到用户的日历。但是，如果用户决定编辑表单提交，有没有一种附加数据的方法？
我找不到表单提交的“编辑”触发器。
浏览 4提问于2014-11-11得票数 0
我需要它，这样我才能提交包含非ASCII文本的表单控件的子集。
带有iframe元素的解决方案对我不起作用，因为它提交整个表单；我只想提交控件的一个子集。
我知道我可以自己构建一个多部分/表单数据字符串，但这似乎以前就已经做过了……
浏览 0提问于2009-05-30得票数 4
1回答
我在一个页面中有两个表单，当我提交其中一个表单时，我不能提交第二个表单，并且我有一个关于缺少CSRF令牌的错误，但我的表单中有{{% csrf token %}}。
我正在阅读django文档，但我找不到一个解决方案来讨论csrf令牌的旋转，或者为两种不同的形式生成两个令牌。
浏览 3提问于2016-05-20得票数 0
我不确定我错在哪里。其思想是在提交表单之前，通过ajax将其中一个输入字段发送到服务器端验证器。如果响应为1，则输入有效，应提交表单。如果响应为0，则不应提交表单。问题是我不知道如何在ajax请求函数中设置一个变量来阻止表单提交。这就是我所拥有的：
$("#form").submit(function() {
var valid= false;
var input = $("#input").val();
$.ajax({
type: "POST",
url: "validator.ph
浏览 0提问于2011-01-05得票数 2
回答已采纳
我正在写一个用户注册表单，将使用一个PHP网页与jQuery后端的reCaptcha。当一个成功的挑战进入时，我不确定如何以一种无法绕过的方式将信息提交到PHP后端。该网站通过HTTPS运行。
我目前通过使用$.ajax()检查验证码是否正确。这会将recaptcha_challenge_field和recaptcha_response_field提交给一个调用recaptcha_check_answer()并返回成功或失败的小PHP脚本。
成功后，我可以将姓名、地址、电话等字段提交到另一个后端PHP脚本或使用另一个jQuery $.ajax()调用。
无论采用哪种方式，垃圾邮件发送者都可以检
浏览 1提问于2014-04-18得票数 0
我有两个简单的表单，我想在单击jQuery选项卡中的单个提交时保存这两个表单上的数据。
我读到过，将两个表单组合在一起比只有一个提交按钮更好。我使用的是Strut2，这两个类都位于同一个操作类中。我不明白如何组合两个位于两个不同位置的表单。
如果你需要代码，请评论。
浏览 0提问于2013-03-30得票数 0
回答已采纳
1回答
内容-处置安全
、、
下面是设置：
我有一个简单的酒瓶应用与瓶-WTF。
用户提交一个只有一个文本字段的表单- filename。
该表单有一个CSRF令牌(来自烧瓶-WTF)。
如果用户提交了表单并进行了验证，那么浏览器将使用提交的文件名下载一个自动生成的文件(即不是来自服务器文件系统的文件)。
重要的守则是：
response.headers['Content-Disposition'] = 'attachment; filename={0}.lsc'.format(filename)
那有多安全？
换句话说，如果恶意用户能够将任意文本插入到Content-Disposition
浏览 1提问于2013-10-16得票数 2
回答已采纳
1回答
我的问题如下:我有一个名为"SettingController“的控制器，其中包含一个名为SSO.cshtml的视图，其中有一个表单。我还有一个名为"UserController“的控制器，它包含视图"Index.cshtml”。索引视图有“提交”按钮。在UserController中，有一个HttpPost方法调用SyncSSO()返回ActionResult。我想让" submit“按钮在SSO.cshtml中成为表单的提交按钮，点击它后，一个包含该表单字段信息的模型实例将被发送到SyncSSO()。有这样的方法吗？
浏览 0提问于2020-11-26得票数 0
我没有表单在页面上，在按钮点击我需要去seconpage.asp，也张贴重新发布的数据
$.ajax({
type: "POST",
url: url,
data: data,
success: success,
dataType: dataType
});
将是很好的，如果它加载后，像完整提交模拟的帖子url，但它不会重定向到这个页面，只有当页面上有表单和按钮提交。如果在成功时重定向，则页面加载将默认为没有Post数据
所以如果我发帖子
$.ajax({
type: "seconpage.asp",
url: url,
data
浏览 0提问于2015-06-19得票数 0
4回答
我有一个表单与一个隐藏的提交按钮和一个文本输入。在文本输入中，使用jQuery将提交表单的更改事件附加到它。问题是，如果我在输入上按enter，那么表单会提交两次。我认为这是因为enter提交表单，而输入检测到更改事件，然后再次提交表单。我有两个问题：-我的想法正确吗？-我如何解决这个问题？
这是javascript：
$("input.price").live('change', function () {
$(this).closest('form').submit();
});
编辑:我认为e.preventDefault()阻止了事件
浏览 5提问于2013-03-13得票数 1
回答已采纳
使用jQuery提交表单
作品
$('#testform').submit();
不起作用
$('#testform').submit(function () {
alert('test1');
return true;
});
这只是一个例子，但有时我想在提交表单之前做一些事情。例如，使用$.POST提交表单
更新：
如果我两者都保留，那么$.POST就没有价值了，因为表单仍然是以传统的方式提交的，没有aj
浏览 3提问于2012-10-16得票数 0
回答已采纳
2回答
使用e.preventDefault()的jquery表单提交阻止在多部分表单提交中不起作用(当我使用ajax提交时)。有没有办法解决这个问题？
代码
$('.imgChange').submit( function(e){
load('do_upload.php',$(this).serialize());
e.preventDefault();
});
浏览 2提问于2012-11-16得票数 0
回答已采纳
如何使用表单属性validate="true“验证从ajax加载的struts表单？(也许比在提交表单的函数中复制生成的javascript更好)
浏览 0提问于2012-06-27得票数 0
回答已采纳
我想用一个提交按钮提交多个表单。我有多个表单，因为每个p:fileUpload都需要一个自己的表单(在高级模式下)。
下面是我的submit按钮的代码：
<h:form id="form1">...</h:form>
<h:form id="form2">...</h:form>
<h:form>
<p:commandButton value="Save" widgetVar="saveButtonBottom"
action="#{bean
浏览 0提问于2012-03-16得票数 7
我正在使用下面的代码自动提交表单而不刷新，但问题是当我在表单字段中使用手动提交按钮并提交它时，它工作得很好，但自动提交刷新了。我想提交表单并将数据存储在mysql中。通过手动提交和自动提交，数据被存储，但页面被自动提交刷新，这是我不想要的
<script type="text/javascript">
window.onload = function() {
setTimeout('document.form1.submit()',10000);
}
</script>
<script type="text/javas
浏览 5提问于2012-12-21得票数 0
3回答
我正在尝试使用JQuery提交表单。我的问题来自于前端(html+js/jquery)和后端不在同一站点，但它确实支持JSONP。
表单包含一个文件输入字段，因此我将提交由多部分组成的表单数据。您将如何解决此问题？
浏览 0提问于2010-10-20得票数 0
回答已采纳
我试图在不修改后端的情况下AJAXify一个旧的网站表单。最初，后端在收到表单后会以"302 Moved“重定向到”谢谢“页面作为响应。
现在，当我尝试使用jQuery $.ajax调用提交表单时，表单数据提交成功，但是浏览器似乎取消了"302 Moved“重定向，并且jQuery不知道发生了什么。
我的问题是，无论发生什么，$.ajax调用都会返回一个错误，并且状态= 0，所以我无法区分提交成功与否。
有没有办法防止浏览器尝试重定向，或者至少得到正确的响应代码？(我使用的是Chrome。)
浏览 0提问于2012-10-30得票数 17
3回答
我需要一个表单来提交，但当它提交时，我需要它禁用按钮，因为查询需要几秒钟才能运行，而且使用此表单的人不理解加载页面，所以他们会在按钮上单击5或6次，将表单以多次提交的方式提交。我有一个工作方法在Chrome，但在IE提交两次，我知道为什么，但我不知道如何使它为两者工作。以下是表格行：
<form method="post" id="submitItem" action="secondPage.php">
我尝试过各种不同的版本，比如使用onSubmit或其他相关的想法，但都没有效果。在IE中提交两次的chrome中的“工作”解
浏览 1提问于2016-07-12得票数 1
回答已采纳
4回答
我有一个按钮，我想动态地从一个常规按钮更改为一个表单提交按钮。
也就是说，我的按钮以类型=‘按钮’开头，以防止它在第一次点击时提交我的表单。
<button id="myButton" type="button">Button</button>
然后将单击事件绑定到我的按钮上，以将其更改为下一次单击的提交类型。出于某种原因，它会在第一次单击时触发提交。
$('#myButton').click(function(){
$(this).prop('type', 'submit');
});
浏览 3提问于2017-05-25得票数 0
回答已采纳
2回答
我在我的应用程序中有一个Ajax表单，我想将事件传递给OnBegin函数，然后使用event.preventdefault()来阻止表单提交，然后在检查一些条件时，我尝试提交表单manually.But，它不起作用，我无法解释原因。
Ajax.BeginFrom:
@using (Ajax.BeginForm("Update", "Project", false, new AjaxOptions { InsertionMode = InsertionMode.Replace,
浏览 0提问于2016-09-28得票数 2
2回答
不带表单的输入标签
、、、
我正在创建一个这样的按钮
<INPUT type='submit' name='name-of-button' value='Submit'>
但是，此按钮不包含在表单中。换句话说，没有任何表单可以提交。
也就是说，当用户单击该按钮时，PHP中应该会启动某个操作。出于示例的目的，单击Submit将向数据库写入一个值。
现在，我不确定如何处理PHP中的代码。我必须在它周围放一个表格吗？我想用一些类似于PHP的东西来检查。
if (isset('name-of-button')) {
// Do something
浏览 3提问于2013-06-26得票数 0
回答已采纳
我只是在使用JQuery验证插件。我有以下规范：“如果表单在10秒内没有被使用，给用户一个警告，如果他什么也没做，无论如何都要提交。”
除了计时器等，我还有这个代码来提交表单：
timeoutId = setTimeout(function() {
$("#session_expired").val("true");
$("form:first").validate({
onsubmit: false
});
$("form:first").submit()
浏览 0提问于2009-11-12得票数 0
回答已采纳
我正在表单上使用jQuery 。我有一堆提交的POST变量，这个运行得很好，我想使用相同的post变量来执行导出到文件选项。这意味着对两种提交类型使用相同的表单。
因为您不能通过AJAX提交来下载文件，所以我在表单上使用.unbind('submit').submit()来阻止先前分配的ajax事件处理程序触发。
在解除绑定之后，当用户想要使用AJAX更改过滤器时(不是为了导出)，我必须重新运行ajaxForm构造函数。
在我投入更多的时间来修复边缘情况和一些bug之前，我想知道是否有更干净的方法来做这件事？
浏览 1提问于2012-01-25得票数 3
我有一个带有back按钮的多页表单，并且我正在尝试在用户单击back时使用一种服务器端的方式来维护表单数据。
我有一个像这样的后退按钮：
<button id="backButton">Back</button>
按钮处理程序是这样的：
$('#backButton').live('click',function() {
window.history.back();
});
提交表单的第一部分后，我将所有提交的数据放入$_SESSION变量中。我甚至可以在表单的第二部分回显这些变量，但是当我单击ba
浏览 1提问于2011-05-06得票数 0
回答已采纳
我在这个问题上搜索了很多，但没有找到确切的答案。
我想在管理员的编辑表单中使用django-ajax-uploader。
我有一个带有图像场的模型。在管理端，我排除了该字段，并通过jquery将ajax-uploader插入到管理表单中。这是因为一旦图像通过ajax上传程序上传，裁剪调整大小的视口就会激活，它会更新裁剪和调整数值字段的大小。将与imagekit一起使用。
现在，当提交表单时，django无法到达文件对象。
有没有人对此有意见？
浏览 0提问于2012-02-18得票数 6
我正在尝试用Laravel提交一个AJAX表单，使用如下所示的代码。在我提交表单之后，除了下面的字段之外，所有的数据都像预期的那样保存在数据库中。
<textarea name="content" id="editor"></textarea>
<script type="text/javascript">
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]')
浏览 0提问于2019-08-23得票数 0
我正在添加一个谷歌的reCAPTCHA到一个表格，但通过一个内容管理系统(流明在线-这是可怕的)。我没有权限编辑HTML按钮代码，因此我无法将代码服务器“runat=”添加到按钮中，因此表单无法验证。有没有其他方法可以做到这一点？
下面是我的代码：
<head runat="server">
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script type="text/javascript"
浏览 8提问于2018-02-14得票数 0
1回答
我在通过ajax提交文件的表单上有自定义文件输入。一切正常工作，表单被重置。但是我有一些javascript操作，这些操作应该在文件输入发生更改之后发生，但只有在第一次选择和提交文件时才有效。
_form.html.erb
<%= simple_form_for(@medium, :html => { :id => 'media_form', :multipart => true }, remote: true) do |f| %>
<div class="custom-file-upload fu1_wrap"&g
浏览 1提问于2015-03-19得票数 0
回答已采纳
每当我对以数组形式输入的表单求和时，我都会得到以下错误。
只有当我提交表单时才会出现问题。
我的输入数组是这样的：
浏览 5提问于2017-07-21得票数 0
2回答
我在Github Pages Service上建立了我的网站。我正在尝试实现FormSpree免费联系人表单，但在您提交表单后，它会将您重定向到不同的网站。一些我想要避免的事情。所以我在网上查了一下，其他人当然也想摆脱它(我在下面的图片中省略了我的电子邮件)。
这是我在上面得到的表单，但它实际上根本不起作用。不过，在我尝试摆弄它之前，它就起作用了。
下面是FormSpree默认情况下表单的外观：
<form action="//formspree.io/your@email.com"
method="POST">
<
浏览 0提问于2015-11-29得票数 10
回答已采纳
使用：
aws-sdk-php v3.163.3
PHP 7.4.8
当我想调用refresh token时，为什么ExpiresIn : 86400的refresh token会产生结果？
$response = $this->client->adminInitiateAuth([
'AuthFlow' => 'REFRESH_TOKEN_AUTH',
'AuthParameters' => [
'REFRE
浏览 6提问于2020-11-24得票数 0
当涉及到使用脚本语言时，我是相当新手，所以我正在努力理解这些概念。
基本上我有这样的表格
<form method="post" action="/list/process.php">
<input type="email" name="address" value ="Email" />
<input type="hidden" name="lists[]" value="122" />
<input type=
浏览 3提问于2011-10-27得票数 0
我正在使用$.post加载注册表单，下面是加载的代码，之后这个页面使用XMLhtppRequest()在同一页面上发送表单数据并返回响应。
当第一次单击注册按钮时，一切都很完美，但如果我想再次提交表单，以防出现任何验证错误，脚本将无法工作，整个页面将重新加载。
<form>
<input type="text" name="email" placeholder="Email" />
<button type="submit" id="register">Register</
浏览 1提问于2014-07-25得票数 1
我想刷新ajax表单上的表格数据，提交不需要重新加载页面怎么办。我使用的是数据表1.7.6
我在下面的初始化中使用datatable 1.7.6
浏览 1提问于2016-12-07得票数 0
在Drupal 7中，我有以下代码。
它将硬编码字符串my_module_custom_route_form定义为表单ID，并使用drupal_get_form初始化表单。只有一个提交按钮。
访问这个路由/custom_route，输出是
initialize form
如果提交表单，则输出为
initialize form
submitted
问题是:提交此表单将再次调用my_module_custom_route_form .。
我怎样才能防止它在提交时再次被调用？如果你知道Drupal为什么这么做，我也想知道。
function my_module_menu() {
$items
浏览 1提问于2016-10-27得票数 1
1回答
这个问题是在使用ajax上传文件时开始的，但是由于IE9，这是不可能的。
我正在尝试从隐藏的IFRAME发布表单，但是问题是用户看不到隐藏表单，而file字段是从另一个可见表单中选择的。
在提交隐藏表单时，我无法获得从可见表单中选择的文件的值。
我怎样才能得到这个价值？
浏览 3提问于2015-09-02得票数 0
回答已采纳
4回答
我使用jquery来避免多个表单提交，并且基本上禁用单击按钮。一个糟糕的结果似乎是表单不再提交，因此问题是:是否可以禁用按钮，但仍然提交表单？我知道我可以通过jQuery完成表单提交，但是目前所有的请求都是服务器端处理的(例如在表单提交之后，它会返回一个包含错误或成功响应的完整html页面)。
这是我到目前为止掌握的代码
<script type="text/javascript">
jQuery(document).ready(function($) {
setTimeout(function(){alert("Hello"
浏览 5提问于2014-09-03得票数 0
2回答
如何异步上传映像
、、、、
我使用的是部署在heroku的Ruby on Rails 3。现在我有一个很好的工作，多个图像附件使用回形针和亚马逊s3存储。但是，当我提交表格时，我必须等待太长的时间。出于这个原因，我将使用Ajax异步上传图像。有什么例子或小贴士吗？谢谢!
更新:有些事情我不明白。当你填写有多个图片附件的帖子(例如)的表单时，直到你提交表单才会创建帖子，然后它就没有ID了。图像通过post_id上传，那么:插件belongs_to Uploader或Uploadify如何异步保存图像？
浏览 3提问于2011-07-08得票数 4
回答已采纳
1回答
我正在使用在我的react应用程序中创建表单。
一切正常工作，但我想显示所有的错误信息，而我的表单加载，而不点击提交按钮。我查看了文档，但没有找到任何解决方案。
如有任何帮助和建议，我们将不胜感激。
谢谢!
浏览 1提问于2021-10-27得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
