开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Ajax post表单-如何重新提交？

Ajax post表单是一种通过Ajax技术将表单数据异步提交到服务器的方法。当需要重新提交Ajax post表单时，可以采取以下步骤：

检查表单数据的有效性：在重新提交之前，需要确保表单数据的有效性。可以通过前端验证来验证用户输入的数据是否符合要求，例如检查必填字段、格式验证等。
重新获取表单数据：如果表单数据无效或需要修改后重新提交，可以通过JavaScript代码重新获取表单数据。可以使用jQuery等前端框架提供的方法来获取表单数据，或者手动遍历表单元素获取数据。
修改表单数据：根据需要，可以对获取到的表单数据进行修改。例如，可以根据用户的操作重新设置某些字段的值，或者根据业务逻辑对数据进行处理。
重新发送Ajax请求：使用JavaScript的Ajax技术，将修改后的表单数据异步提交到服务器。可以使用XMLHttpRequest对象或者jQuery的$.ajax()方法等来发送Ajax请求。在请求中，需要指定请求的URL、请求方法（POST）、数据格式（JSON、FormData等）等。
处理服务器响应：根据服务器的响应结果，可以进行相应的处理。例如，可以根据返回的数据更新页面内容、显示提示信息等。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）、腾讯云CDN加速等。

腾讯云产品介绍链接地址：

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云CDN加速：https://cloud.tencent.com/product/cdn

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

AJAX的post请求与上传文件

之前介绍了AJAX的get的请求方式与跨域请求，除此之外AJAX还可以进行异步的post请求，在使用post方式的请求时需要设置请求头，如下：

02

【Java框架型项目从入门到装逼】第六节 - 用ajax请求后台数据

这一节我们来说一下如何用ajax提交请求？我们先不讲ajax的原理，还是先以实战为主，看一下这个东西到底怎么用的？ form表单： <form style="margin-left:200px;" id="myform" name="myform" method="post" onsubmit="return sumbitTest();" action="login.do">

07

解决django中form表单设置action后无法回到原页面的问题

django中form表单设置action后，点提交按钮是跳转到action页面的，比如设置action为login，网址为192.168.1.128，跳转后便会来到192.168.1.128/login，F5刷新也会是重新提交表单对话框，无法回到原页面。

01

中文编码问题详解

ASCII,ISO-8859-1,GB2312,GNBK,UTF-8,UTF-16等

01

javascript跨域

最近在项目开发的过程中遇到一些Javascript 跨域请求的问题，今天抽空对其进行总结一下，以备后用，也希望同学们在遇到类似问题的时候可以有所帮助。

04

HTTP协议冷知识大全

HTTP协议是纯文本协议，没有任何加密措施。通过HTTP协议传输的数据都可以在网络上被完全监听。如果用户登陆时将用户名和密码直接明文通过HTTP协议传输过去了，那么密码可能会被黑客窃取。一种方法是使用非对称加密。GET登陆页面时，将公钥以Javascript变量的形式暴露给浏览器。然后用公钥对用户的密码加密后，再将密码密文、用户名和公钥一起发送给服务器。服务器会提前存储公钥和私钥的映射信息，通过客户端发过来的公钥就可以查出对应的私钥，然后对密码密文进行解密就可以还原出密码的明文。为了加强公钥私钥的安全性，服务器应该动态生成公钥私钥对，并且使用后立即销毁。但是动态生成又是非常耗费计算资源的，所以一般服务器会选择Pool方法提供有限数量的公钥私钥对池，然后每隔一段时间刷新一次Pool。

02

Spring 全家桶之 Spring Web MVC（六）- AJAX & Fileupload

拷贝spring-mvc-crud项目，重命名为spring-mvc-ajax。Spring MVC 处理 json 格式的数据需要导入jackson相关依赖

02

爬取恩芝数据

今天闲着无聊的时候逛qq群，看到有个教python的qq群里有个老师在爬这个网站http://www.endata.com.cn

02

Ajax简介

文章目录 1.1AJAX 简介 1.2XML 简介 1.3AJAX 的特点 1.3.1AJAX的优点 1.3.2AJAX的缺点 HTTP 请求报文响应报文 1.1AJAX 简介 AJAX 全称为 AsynchronousJavaScriptAndXML，就是异步的 JS 和 XML。通过 AJAX 可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。 AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。 1.2XML 简介 XML 可扩展标记语言。 XML 被设计用来传

01

解决Django提交表单报错:CSRF token missing or incorrect的问题

通常，当存在真正的跨站点请求伪造时，或者Django的CSRF机制没有被正确使用时，就会出现这种情况。至于邮递表格，你须确保:

03

GET和POST的区别

这是百度搜索答案TOP1，通过查阅官方资料。发现答案基本是错的，下面根据答案逐一分析：

02

GET和POST的区别

这是百度搜索答案TOP1，通过查阅官方资料。发现答案基本是错的，下面根据答案逐一分析：

02

前端提交POST请求却变成GET请求的原因及解决方法

在前端开发中，我们经常会用到HTTP请求来实现数据的传输。其中，POST和GET请求是最常见的两种请求方式，它们分别用于向服务器发送数据以及从服务器获取数据。然而，在实际开发中，有时候我们会发现，明明要提交POST请求，但最终却成了GET请求，这让我们很困惑。本文将详细介绍前端提交POST请求却变成GET请求的原因及解决方法。

01

浅谈Session机制及CSRF攻防

在讲解CSRF攻击原理及流程之前，我想先花点时间讲讲浏览器信息传递中的Session机制。

00

异步提交方法

异步提交的方法有很多种，比如说post、get等等，这些都是很常用的异步提交方法，还有的就是原生JS的提交方法，这个比较复杂。

01

第 3 节： 3-Http协议之Request、Response

2、当表单使用Post方式传递数据的时候，分析响应报文如下。当点击回车键重新加载Post表单时候，采用的则是Get方式，点击F5刷新则是，少数浏览器会提示，重新提交数据：

01

POST表单数据

在之前的文章中，我们了解到了如何进行API的简单调用，这仅仅输入 GET类型的操作，而现在我们需要对网站进行POST。

02

Django学习笔记之Ajax与文件上传

AJAX（Asynchronous Javascript And XML）翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML,现在更多使用json数据）。

01

向php提交数据及json

username:<input name="username" id="username" type="text"/>

03

58. Django 2.1.7 ajax数组传递和后台接收

此时，如果在django后端使用request.POST.get('users_rate')来获取值，获取到的结果会是None，无法获取到结果。

02

Ajax(二)

enctype 属性只能搭配 POST 提交方式一起使用；如果是 GET 提交，则 enctype 没有意义。

02

django-csrf使用和禁用方式

补充知识：在django的form表单及ajax提交的数据中添加认证的csrfmiddlewaretoken

03

Django 2.1.7 ajax数组传递和后台接收

此时，如果在django后端使用request.POST.get('users_rate')来获取值，获取到的结果会是None，无法获取到结果。

03

JavaScript学习笔记（五）——Ajax

jQuery插件就是开发爱好者自己利用jQuery制作的特效，然后打包成js文件，发布到网上供大家使用的脚本集合。

01

012：Django高级请求

1、在form表单的标签当中添加属性 enctype=“multipart/form-data”

02

jquery的form表单提交

在Web开发中，表单提交是一个常见的操作，通过表单提交用户可以向服务器发送数据。jQuery是一个流行的JavaScript库，可以简化处理JavaScript的操作，包括表单提交。在本篇博客中，我们将介绍如何使用jQuery来实现表单提交操作。

01

Yii2实现ActiveForm ajax提交

做项目时总会碰到ajax提交的功能，特别是在做后台提交时，一般都会用模型自动生成，这个功能的使用会比较频繁，其实只要了解了流程，操作还是挺简单的，使用起来也方便。

01

前端和后端交互的方式

注意在使用ajax提交form表单时，提交按钮应为type=“button”，然后为其绑定点击事件，而不应该为type=“submit”，因为submit按钮会刷新整个页面，从而导致ajax请求被拦截。

02

python和js交互调用的方法

2.【万能方式】使用jquery的ajax与后台交互，设置不同的参数，可以get也可以post

03

form表单提交与ajax消息传递

后台: def index(request): if request.method == 'POST': print(request.POST) # 普通的键值对:<QueryDict: {'name': ['xxx']}> print(request.body) #print(request.FILES) #传文件< MultiValueDict: {'myfile': [ < InMemoryUploadedFile: day17课件.md(application / octet - stream) >]} > return HttpResponse('OK') return render(request, 'index.html')

03

php与Ajax实例

Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。

01

参数传递方式小结

get传参数：/cart/add?sku_id=1&count=3 post传参数：['sku_id': 1, 'count': 3] url传参数：url配置时，捕获参数 # url传参示

02

什么是AJAX？

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

02

thinkphp-ajax异步验证之ajaxReturn的使用

但是，观察输出的信息，发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。

03

【jquery Ajax 】form表单教学+评论案例

表单在网页中主要负责数据采集功能，HTML中的<form>标签，就是用于采集用户输入的信息，并通过<form>标签的提交操作，把采集到的信息提交到服务器端进行处理。

02

PHP使用HTML5 FormData对象提交表单操作示例

本文实例讲述了PHP使用HTML5 FormData对象提交表单操作。分享给大家供大家参考，具体如下：

03

Django Rest Framework 解析器（上）

在前端向后端发送 form 表单或者 ajax 数据的时候，django 的 content_type 会拿到请求头中的 Content-Type 属性，然后根据值进行分析。

02

Ajax Step By Step5

Ajax 用的最多的地方莫过于表单操作，而传统的表单操作是通过 submit 提交将数据传输到服务器端。如果使用 Ajax 异步处理的话，我们需要将每个表单元素逐个获取才方能提交。这样工作效率就大大降低.

02

ajax异步提交数据到数据库

很多时候我们提交数据到服务器端数据库都是用form表单，这样子是最普通最简单提交数据的方法，你填写完表单后，post提交到后台文件.php，处理完后返回到指定页面，最后，页面就重新刷新了一遍，显示预想的页面。当然，这个逻辑操作没一点毛病，但有一点，那就是给用户不好的体验：重新刷新了页面。假如，用户没按要求输错了某个值，然后弹出一个框框告诉你“亲爱的，你刚刚花了半个小时注册的内容得重新输入了！！”，这时候，你肯定的mmp的，所以，咱们今天要推举的ajax异步post提交数据到数据库来解决这个问题。

04

Spring之RequestBody的使用姿势小结

对上面几种方式有兴趣的可以看一下这篇博文: SpringMVC之请求参数的获取方式

01

180730-Spring之RequestBody的使用姿势小结

对上面几种方式有兴趣的可以看一下这篇博文: SpringMVC之请求参数的获取方式

02

Django之json、Ajax简介及实例介绍

JSON 格式于2001年由 Douglas Crockford 提出，目的就是取代繁琐笨重的 XML 格式。

02

MVC项目开发中那些用到的知识点(Ajax.BeginForm)

AjaxFormPost为Action，Home为控制器，new {ID=“11”，ClassName="FirstClass"}为路由参数即Url参数

02

ajax中window.location.href不跳转

$.ajax({ url: '/Ajax/System/ajaxcheshi.ashx', dataType:'text', // datatype: 'json', type: 'post', data:user,//,quenceAge=quenceAge,ctertime=ctertime,tquencether=tquencether,Status=Status} success: function (data) { if (data == '1') { ; // window.location.href = 'ModelDatasequence.aspx'; // location.href = 'ModelDatasequence.aspx'; // window.location.href='http://www.hao123.com'; // $this.redirect('Management/ModelDatasequence.aspx'); setTimeout('; } else { ; } }) 解决方案把你的 type='submit' 换成type='button' //原因: 因为有提交了一次表单。你的ajax是同步的，所以提交表单动作被挂起直到ajax完毕后（此时执行请求过一次服务器），表单会提交，这样就会执行页面指定的action的地址, 而ajax回调success href的链接赋值不成功(这个问题有兴趣的去研究) 参考http://www.cnblogs.com/horsen/p/6933038.html 注意起来一个情况：ajax+submit+同步----就是你用ajax请求服务器，而且用的是同步的方式，并且你是通过点击了type类型为submit的按钮来触发这个ajax。这个时候，首先你点击了submit，它会提交表单，但是由于你用了ajax的同步操作，submit的提交被阻塞，ajax先执行，这个时候，如果你在ajax的回调函数（如：success）中写了document.location.href='xxx.html'，它是执行了，的确是去执行了跳转的，于是ajax完成了，那接下来就要把刚才的submit提交的请求完成。于是呢又要从xxx.html跳回到刚才那个页面（无论你submit有没有提交具体的数据，总之提交了之后如果后台没有执行跳转/重定向，它就要回到原来的页面。）

02

Django---Ajax

Ajax准备知识：json 什么是json？定义： JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript (w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。讲json对象，不得不提到JS对象： 📷 合格的json对象：

django-Ajax，局部刷新技术

*** 今天是3-31号，学习了ajax技术，不刷新页面局部提交数据其实也并不难，就是直接用的jq封装好的代码即可直接上代码吧，如果使用了ajax的话，就不需要form表单了。因为没意义了 *** 首先你得需要一个用户名输入框，和一个密码输入框，在加一个button提交按钮， *** {% csrf_token %} #账号<input type=”text” name=”name” id=”username”>
密码<input type=”text” name=”pwd” id=”password”>
<button id=”sub”>提交</button> 记得加上csrf_token噢 *** 最主要的是里面的id，用于后面js获取到输入的值，然后开始js的编写 *** 首先引入js *** <script src=”https://code.jquery.com/jquery-3.1.1.min.js”></script>

03

JqueryForm的使用方式

上面的第一种情况也可以用jquery ajax来实现但是一旦表单中有文件上传就必须用jqueryform了

02

pbootcms使用Ajax无刷新提交留言及表单

表单提交方式为post，表单中提交的字段名称需要与后台自定义表单中添加的字段一致，否则会导致提交失败。

03

Ajax全接触-imooc

同步——客户端发起请求，服务端需要处理，响应，此时客户端完全等待，当服务器处理完毕，客户端重新载入页面，如果出现错误，再次发生请求，处理，等待...

02

JavaScript表单提交

表单提交在前端编程阶段中也是一个重点。它是由页面数据保存到后台数据库的重要枢纽，通过表单提交的方式将数据上传到数据库进行保存。同时这些数据也包含用户信息、统计信息、日志信息等等。数据的信息不同，上传的方式也不同。在JavaScript中有四种种表单提交的方式：一、 Form表单手动提交（get与post）在没有任何Js代码的影响下，Form表单本身是自带提交功能的。在form元素标签上有两个属性： (1) action：设置表单提交的路径（URL） (2) method：设置表单提交的方式表单提交的路径分为两种： (1) 相对路径：指站点内的文件，就是本地文件。 (2) 绝对路径：指其它站点，就比如从本站点到百度。设置表单提交方式属性的值有两种：get提交和post提交。如果method不指名提交方式则默认为get提交。这两种提交方式需要分别对应不同情况使用： (1) 相对于post提交而言，get提交更简单也更快，但是传输的容量小，在提交表单时，所有的信息都会暴露在url上，并不安全，通常用来获取数据。 (2) post提交方式能够传输的容量基本上是无穷的，而且提交的数据直接在后台进行处理，保证了数据的安全性，而且在更新数据传输大量数据、传输音频图片或者特殊符号等情况时，就只能使用post，而非get。通常情况下，我们会取消Form表单的自动提交功能，通过一个onsubmit属性赋值为return false。

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭