AJAX在POST时不提交数据
AJAX（Asynchronous JavaScript and XML）是一种用于在后台与服务器进行异步通信的技术。它可以在不刷新整个页面的情况下，通过在后台发送HTTP请求和接收响应来更新部分页面内容。
在使用AJAX进行POST请求时，如果不提交数据，可以通过以下步骤进行操作：
- 创建XMLHttpRequest对象：使用JavaScript创建一个XMLHttpRequest对象，该对象用于与服务器进行通信。
- 设置请求参数：使用open()方法设置请求的类型（POST）、URL和异步标志（true表示异步，false表示同步）。
- 设置请求头：使用setRequestHeader()方法设置请求头，例如设置Content-Type为application/x-www-form-urlencoded。
- 设置回调函数：使用onreadystatechange属性指定一个回调函数，该函数在服务器响应发生变化时被调用。
- 发送请求：使用send()方法发送请求，如果不需要提交数据，则不需要传递任何参数。
- 处理响应：在回调函数中，使用readyState属性和status属性来判断请求的状态和响应的状态码。如果状态码为200，表示请求成功，可以通过responseText或responseXML属性获取服务器返回的数据。
AJAX的优势在于可以实现页面的局部刷新，提升用户体验，并减少对服务器的请求次数。它广泛应用于各种Web应用程序中，例如实时聊天、自动补全、无刷新表单提交等。
对于AJAX的POST请求，腾讯云提供了云函数SCF（Serverless Cloud Function）和API网关等产品来支持后端逻辑的处理和数据存储。通过云函数，可以编写自定义的后端代码来处理AJAX请求，并将数据存储到云数据库COS（Cloud Object Storage）或云数据库MongoDB等产品中。同时，API网关可以用于管理和部署后端接口，提供安全性和可扩展性。
腾讯云云函数SCF产品介绍：https://cloud.tencent.com/product/scf
腾讯云API网关产品介绍：https://cloud.tencent.com/product/apigateway
相关·内容
2回答
我有一个表单，我想让数据提交，而不是刷新页面。我添加了这段代码，它会停止刷新，但也会停止提交。在使用preventDefault()时，有什么方法可以做到这一点吗？
$("editUserForm").on('submit', function (e) {
e.preventDefault();
$.ajax({
url: this.action,
type: 'POST',
浏览 16提问于2017-02-17得票数 1
我正在尝试提交一个使用AJAX和Vanilla JavaScript的Django表单，但是除非我单击submit按钮两次，否则表单实际上并不是提交的。
表单上有一个事件侦听器，它停止默认提交以避免页面重新加载，然后打开一个XMLHttpRequest。在第一次提交时，我得到了200个响应，但是数据实际上还没有发送到数据库。但是，如果我再次单击submit按钮，我将从服务器获得所需的201 (item created)响应，它将重新加载我的帖子并完美地添加新的响应。
对于异步数据的处理，我仍然有点不熟悉，也不知道为什么它不能工作。如果删除e.preventDefault，表单提交正确，页面重新
浏览 4提问于2021-06-11得票数 1
回答已采纳
1回答
在提交表单之前，我正在运行一个验证，以检查数据库中是否已经存在一个名称。调试时，我单击submit，错误函数触发警报，然后在ExistingName(ExistingName)方法中命中调试断点。
ExistingName()返回正确的值，但是ajax总是触发错误函数，表单总是被提交，尽管isValid应该设置为false。
有人能发现发生了什么事吗？
联署材料：
$('form').submit(function () {
var isValid = true;
$.ajax({
type: "POST",
浏览 1提问于2014-08-15得票数 0
回答已采纳
8回答
我想制作一个表单，它使用jQuery的ajax函数来提交数据，但在禁用javascript时可以正常工作。因此，我需要一种方法来知道，在服务器端脚本(PHP)中，请求是来自ajax还是简单地提交表单。
HTML：
<form id="form_1" method="post" action="process.php">
jQuery：
$.ajax({
type: "POST",
url: "process.php",
data: $("#form
浏览 0提问于2011-07-08得票数 2
回答已采纳
当我使用提交按钮提交表单时，它会带我到操作页面。但是我想在提交后保持在同一个页面，并在表单下面显示一条“成功提交”的消息，并重新设置表单数据。我的密码在这里..。
<h1>CONTACT US</h1>
<div class="form">
<form action="https://docs.google.com/forms/d/e/1FAIpQLSe0dybzANfQIB58cSkso1mvWqKx2CeDtCl7T_x063U031r6DA/formResponse" method="post" i
浏览 5提问于2017-01-17得票数 0
回答已采纳
5回答
我正在尝试将一个变量从js传递到backoffice页面。到目前为止，我已经尝试使用表单并从javascript提交表单(但这会刷新页面，而我不想)
我放弃了表单和iframe (这样页面就不会每次提交数据时重新加载)。该函数每隔几秒钟运行一次(因此表单应该提交)：
<iframe style="visibility:hidden;display:none" action="location.php" method="post" name="location" id="location">
浏览 9提问于2015-08-25得票数 1
回答已采纳
1回答
错误:调用Ajax时索引未定义
、、、、
我面临的问题是，在调用Ajax时，我得到了一个未定义的Index变量。我需要在单击提交按钮时将"json“数据发布到"update.php”页面。基本上，我需要捕获textbox中的值并将其发送到数据库。
因此，我在submit按钮上创建了一个表单，其代码如下：
<form action="update.php" method = "post" class="form-inline">
<input type="submit" class="btn btn-info" id
浏览 0提问于2015-10-21得票数 0
我提交了如下所述的reactjs表格，
submit(){
if(this.checkRequiredField()){
$.ajax({
url: '/api/Accounts',
dataType: 'json',
type: 'POST',
data: {
Name: this.state.name,
StartDate :this.state.startDate,
EndDa
浏览 3提问于2016-11-03得票数 5
回答已采纳
1回答
提交表单而不刷新页面
、、、、
我有一个表单，负责在数据库中插入值。它工作得很好，但每当提交值时，页面就会刷新，我试图从获得帮助，但在我的情况下不起作用。谁能告诉我如何在不刷新页面的情况下提交这些值。
我现在拥有的代码是
<?
if($_POST['submit'])
{
$sender_id = mysqli_real_escape_string($con, $_POST['sender_id']);
$receiver_id = mysqli_real_escape_string($con, $_POST[
浏览 0提问于2015-12-04得票数 0
在我的烧瓶应用程序中，你从一个页面开始，点击几个按钮来统计商品的名称、价格和数量。使用下面的JS，我用这些数据向With服务器发出了一个post请求：
$(document).on('click',".order_submit", function() {
prodJSON = JSON.stringify(prodData)
console.log(prodJSON)
$.ajax({
url: "/load_ajax",
type: 'POST&#
浏览 5提问于2014-05-22得票数 0
回答已采纳
3回答
从表单提交数据后，我无法立即在屏幕上看到它，我必须通过浏览器刷新按钮来刷新它。
<form action="" method="post">
<input type="submit" name="submit" >
我使用的是setTimeout函数，但在提交到数据库和从数据库检索时，它给我带来了很多问题。我不能正确地调试它，所以我删除了这个函数。没有setTimeout，我可以存储在数据库中，并通过刷新按钮进行检索。但是我如何让它立即自动刷新呢？
浏览 3提问于2016-02-08得票数 0
1回答
提交表单后，IE8帖子正文变为空
、、、、
好的，这是我们的设置：
使用Prototype 1.7通过AJAX向ColdFusion捕获的Apache服务器提交的简单表单。(我们在以传统方式提交表单数据的页面上注意到了类似的but，但这些页面的使用率要低得多。)
我们的一些客户报告了一个错误。在查看了日志并在机器上进行了实时测试后，Firebug Light报告说，请求是与post数据一起发送的。
但是，在服务器端，post数据不存在于原始日志、ColdFusion的FORM对象或GetHttpRequestData()中。
即使在运行Chrome Frame时，此问题也仅限于IE，并且是间歇性的。
我们不能在我们的机器或运行火狐或Ch
浏览 6提问于2012-03-22得票数 4
1回答
我有一个简单的表单，我想让用户能够使用autocomplete="on"选择以前发布的数据。我正在使用AJAX提交表单。我正在使用Google Chrome 87.0.4280.88 64 bit。下面是我的代码：
<form action="/Debug" method="POST" id="myForm">
Brand: <input type="text" name="brand" autocomplete="on" /><br />
浏览 1提问于2020-12-31得票数 0
我有一个在html中的表单，post收入到incomesave.php的会话被启动，并保存所有的表单内容到会话。
问题是，我希望在提交表单时始终停留在同一页中，同时将数据保存到会话，并使用该会话值填充同一页上的收入历史记录。我怎么能留在同一页，用php处理数据呢？
这是html中的表单：
<form action="lib/php/incomesave.php" method="post">
$: <input type="number" name="price">
type: <input
浏览 2提问于2015-12-28得票数 0
1回答
我有一个非常简单的问题，我希望你能帮我解决。我有一个表单，我想在不刷新页面的情况下提交。成功提交表单后，内容应显示在同一页面上的某个div中，而无需刷新页面！
注意：在提交表单之前，应禁用该表单。这是我目前所拥有的。
html：
<form action="<?php $_SERVER['PHP_SELF']; ?>" method="post">
<input type="hidden" value="12345" name="id" /&
浏览 0提问于2011-07-30得票数 0
1回答
我正在使用JQuery手机并在其中提交一个表单。表单通过post方法提交，并发送到php文件。表单提交时没有任何问题，提交的数据显示在php页面中。但是，一旦刷新页面，就会得到未定义的索引通知，数据就会消失。要求我重新提交表单确认的对话框窗口，就像它通常在刷新时所做的一样，也不会出现。
浏览 0提问于2012-01-22得票数 1
我正在为WordPress构建一个登陆页面A/B测试插件。
我的目标是建立一些规则，当满足将记录在当前登陆页A/B测试变化的转换。
到目前为止我有几个想法..。
1) JavaScript事件处理程序
使用JavaScript，检测提交事件并触发AJAX来记录我在事件处理程序中的转换。在AJAX成功回调中，我将让它继续使用post。一种方法是将标志变量设置为false，然后在AJAX成功中将其设置为true。然后，它将再次触发表单上的提交，但这一次，标志var将使其绕过AJAX转换保存，而只是执行正常的表单post操作。
2)将动作URL更改为通过本地服务器路由POST，然后转发到目的地
使用
浏览 2提问于2016-06-19得票数 1
7回答
我有一张表格
<form name="frmRegCo" method="post" action="business_processor.php">
business_processor.php将数据插入到mysql数据库中我想要的是，当我单击提交时，页面不应该重定向到business_processor.php，并保留在相同的表单窗口中，但数据必须发送到mysql数据库，并且必须出现一个弹出框，表明数据发送成功，并且在弹出框之后，表单域变为空
浏览 2提问于2013-03-05得票数 1
回答已采纳
2回答
检查POST数据值
、、、
如何检查应用程序中正在提交的post数据？当post被提交时，我想看看输入字段中是否有任何数据。
Html：
<div id="addBox" style="display: none; margin-top: 10px;">
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
<div class="form-group">
@Html.Label("Descrption", &#
浏览 1提问于2015-11-12得票数 0
回答已采纳
1回答
我尝试用textextjs创建标记表单，但是在另一个ajax成功提交之后，ajax调用新数据时遇到了问题。
这是我呼叫json的代码
var tagload = $('#textarea')
.textext({
plugins : 'autocomplete filter tags ajax',
ajax : {
url: "<?= base_url() ?>admin_ajx/tags_ajx/data_tags",
浏览 0提问于2019-05-28得票数 0
我的ajax调用有问题。我正在通过php向mySQL提交一些信息，提交部分运行得很好，它将数据添加到数据库中，但ajax函数并没有在后台加载该php，而是在窗口中加载它并显示php文件结果。
这是HTML代码。
<form action="upload.php" class="addItem" method="post">
Firstname:<br><input type="text" class="firstname" name="firstname"
浏览 1提问于2012-06-08得票数 0
回答已采纳
$.ajax({
type :'GET',
url : geturl(a),
// type: $(this).attr('method'),
dataType : 'json',
views.py：
if request.method=="POST":
if request.POST.get('monyrsubmit'):
monthform=MonthForm(request.POST)
if month
浏览 5提问于2013-02-19得票数 0
我在寻找一段时间，但我不明白：
当我用post提交一个普通的html表单时，Jquery和$.post有什么不同呢？
我的jquery代码：
$.post( "/test", query , function( data ) {
console.log(data)
});
我的html代码：
<form method="post" action="/test" >
<input id="query" type="text" name="q" >
<inp
浏览 0提问于2015-06-07得票数 1
回答已采纳
我没有表单在页面上，在按钮点击我需要去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
2回答
我试图根据AJAX和PHP中的表单提交来提交表单和加载数据。我想在不重新加载页面的情况下完成这个任务。
html/php
<form method="POST">
<button type="submit" name="image1">
<button type="submit" name="image2">
<button type="submit" name="image3">
<button type=
浏览 4提问于2015-07-20得票数 0
1回答
我正在努力使一个论坛，当我们提交的形式，该帖子应保存到数据库中，并出现在下面的形式。它将被保存到数据库中，但只有在我们重新加载页面后才会出现。当我们提交表单时，它会以某种方式出现吗？
<%@ page import="java.sql.*"%>
<%@page import="org.json.*"%>
<%
System.out.println("Start");
String value = request.getParameter("jsonData");
JSONObj
浏览 2提问于2017-03-29得票数 1
我提交数据到一个php文件通过AJAX使用POST。它在提交字符串时工作得很好，但现在我想用JSON提交我的JS对象，并在PHP端解码它。
在控制台中，我可以看到我的数据被正确提交，但在PHP端，json_decode返回NULL。
我尝试过以下几种方法：
this.getAbsence = function()
{
alert(JSON.stringify(this));
jQuery.ajax({
type: "POST",
contentType: "application/json; charset=utf-8&#
浏览 0提问于2012-06-08得票数 6
回答已采纳
3回答
我有一个输入和一个提交按钮的表单。
<form method='POST' action='' enctype='multipart/form-data' id="form_search">
<input type='hidden' name="action" id="form_1" value='1' />
</span><input id="query" type="text" name=&
浏览 2提问于2014-12-25得票数 0
当通过POST定期提交表单时，表单的值的内容存储在$_POST中，但是随后在.submit上使用jquery php函数，用来检索处理表单的.ajax文件中的数据的变量是什么？
浏览 0提问于2011-12-17得票数 0
我正在构建一个显示特定user_meta数据的表单，我希望能够在表单提交时更新此用户元。
这就是我目前所拥有的；
function my_form_funnction() {
global $current_user;
$vat_no = get_user_meta( get_current_user_id(), 'vat_number', true );
?>
<form name="setPrices" action="" method="POST">
<label for="lowPri
浏览 1提问于2015-02-11得票数 0
2回答
我注意到在使用内置于调试工具中的chrome调试时，提交数据给facebook、twitter、tsu的表单。
但是我注意到他们从不使用表单标签来提交数据。
<form method="post" action="file.php">
<input name="input_one" type="text">
<input name="input_two" type="text">
</form>
但是，只需使用简单的输入并使用javascr
浏览 1提问于2015-01-05得票数 0
回答已采纳
在我用ajax提交表单后，我想更改我的tax_query术语。Ajax表单每次单击li元素时都会提交。由于某些原因，这些数据并没有以术语结束。
表单设置
<?php
$taxonomy = 'blog_categories';
$terms = get_terms($taxonomy); // Get all terms of a taxonomy
if ($terms && !is_wp_error($terms)) :
?>
<form action=
浏览 5提问于2022-03-02得票数 0
回答已采纳
我使用AJAX将POST数据提交给解析器文件
$.ajax({
type: 'POST',
url: '<?php echo AJAX_DIR; ?>/parser.php',
data: data,
etc......
在提交页面上，我可以很好地回显/使用$user->data()->id;。如果我直接浏览解析器文件，我也可以很好地回显/使用$user->data()->id;。但是，当我提交AJAX时，$user对象是空的。
我还尝试使用$_SESSION变量将数据传递给AJAX解析器，也存
浏览 3提问于2017-10-07得票数 1
1回答
当一个按钮被单击时，我试图将图像的src传递给django视图。在我的模板中，我有：
$("#url_submit").click(function() {
var film = "{{ filmname }}"
var id = {{ id }}
$.ajax({
url: "/db/gallery2/" + film + "/" + id + "/",
data: {url: $('#large_thumbnail').attr('src')
浏览 2提问于2010-10-23得票数 1
回答已采纳
我正在开发一个web应用程序(使用JQuery版本2.2.4)，它允许用户向我们的服务器提交图像和数据。当用户决定上传他们的提交时，我的代码应该使用JSZip库生成一个zip文件，并使用POST将其上传到我们的服务器。在StackExchange上搜索了一些代码之后，我想出了以下代码：
var zip = new JSZip(); // Create the object representing the zip file
// ...Add the data and images
console.log('Generating compressed archive...
浏览 10提问于2016-07-25得票数 3
回答已采纳
2回答
我已经创建了一个提交ajax post请求的save(id)函数。调用save(id)时。如何在进入下一步之前从save(id)获取值/数据。如何解决这个问题？
例如：
function save(id) {
$.ajax({
type: "POST",
url: "/post/",
dataType: "json",
contentType: 'application/j
浏览 14提问于2017-07-06得票数 2
回答已采纳
4回答
我有一个html表单，该表单有两个字段(name，description)。当用户单击表单的submit按钮时，我希望以json格式提交表单数据。
我尝试了以下几种方法：
function submitData(){
payload.name = $("#project-name").val();
payload.description = $("#project-description").val();
$.post("http://localhost:5000/
浏览 1提问于2013-08-22得票数 4
我已经创建了一个插件，它在post.php仪表板页面上添加了一个新的元框，其中包含一个表单。无论何时从该表单提交POST请求，我都希望保存一些post元数据。
我已经实现了这一点，但是我注意到每次发送这个帖子请求时，整个博客文章都会被更新，包括在我的元框之外所做的更改。这就好像我在按默认的“更新”按钮，而不是我自己的表单提交按钮。
是否有一种方法可以将帖子(或GET)请求发送到post.php，而不将其解释为将所有更改保存到博客文章中的请求？必须有这样一种可能性，因为从浏览器中刷新页面不会导致博客文章自动更新。
我知道我可能可以使用AJAX来完成这个任务，但是如果可能的话，我想避免这样做。另外
浏览 0提问于2012-08-28得票数 1
回答已采纳
3回答
我想知道是否有人能帮我。
对jQuery的场景很陌生。
什么是这样的形式
<form method="POST" action="/ajax/controller.php" id="exportform">
在表单中我有一个文本输入
<input id="name" name="name" />
然后我有一些os jQuery来提交表单。
$("#save").click(function() {
$("#exportform").submit();
浏览 4提问于2014-10-10得票数 0
回答已采纳
6回答
是否可以同时提交两个表单？
、、、、
可以使用javascript或提交按钮同时提交两个表单吗？
表单结构很好，就像这样：
<form name="form1" method="post">
.........
</form>
<form name="form2" method="post">
.........
</form>
并从两个数组中获取数据？
浏览 0提问于2009-12-18得票数 2
回答已采纳
如果我有一个复选框，是否可以在PHP中动态检测它是否被选中或取消选中，而不是在提交时？或者，我必须使用AJAX/jQuery来实现吗？我有一些PHP，如果它被选中，我想要动态地制定它：
if (isset($_POST‘’item‘)){ $var }
浏览 0提问于2011-06-29得票数 0
3回答
我已经形成了将数据提交到外部URL的表单，同时我也想保存在我的数据库中。我尝试过ajax提交，并试图在ajax成功的过程中总结出正常的POST。
这里我的代码：
<form action="http://www.blabla/post" method="post" id="myfrom">
.....
....
</form>
<script>
$('#myfrom').submit(function() {
e.preventDefault();
$.ajax({
浏览 2提问于2014-05-29得票数 0
回答已采纳
因此，基本上我正在尝试创建一个表单，用户可以输入他们的姓名、电子邮件、消息等，单击submit，然后信息将被编译并发送到我的电子邮件地址。单击submit会被重定向到一个新页面joeyorlando.me/php/index.php。
我希望在单击submit时，会在submit按钮附近弹出一个小框，上面写着“感谢您的提交”(或类似的内容)，并且页面不会被重定向，而是与表单保持在同一页面上。
如何防止“提交”按钮将您转到此新页面？任何建议都将不胜感激！
<?php
$firstname = $_POST['firstname'];
$lastname =
浏览 1提问于2014-08-03得票数 3
我一直在努力理解AJAX，所以我希望得到一些帮助。我从万维网上拿出了这个例子，但它并没有像我预期的那样表现出来。
此表单按预期的方式发布数据，但在提交时正在加载.php页面。理想情况下，我只想张贴一个“成功”的消息下面的提交按钮，而不是移动页面。有什么想法？
<div style="padding:3px 2px;border-bottom:1px solid #ccc">Add a New Invitee</div>
<form id="ff" action="addinvite.php" method="
浏览 5提问于2014-02-19得票数 0
回答已采纳
2回答
我有一个表单，我在这个表单上发布了一个POST服务。在表单的submit按钮后面，我有以下jquery代码：
$("#msform").submit(function (e) {
$.ajax({
url:'https://example',
type:'POST',
data:formData1,
crossDomain: true,
dataType: 'json',
jsonpCallback: 'callback
浏览 0提问于2017-03-08得票数 0
3回答
我有一个这样的html表单：
<form action="myServer.com/test.php" method="post">
...
</form>
提交表单时，应将用户重定向到myServer.com/test.php，然后ofc将post数据发送到脚本。但同时(或之前)，我想将相同的post数据发布到另一个脚本"myServer.com/test2.php“。
$.post("myServer.com/test2.php", variableWithTheFormPOSTData);
我尝试将Event
浏览 2提问于2013-09-04得票数 1
2回答
我必须在提交并将post数据保存到数据库后立即运行curl。当保存表单数据时，我运行curl并重定向到form。
不需要等待卷曲完成就可以重定向吗？因为在我的情况下卷曲可能需要更多的时间。
致以问候。
浏览 2提问于2013-12-27得票数 2
回答已采纳
我的代码在表单提交时被调用，然后通过ajax验证表单。现在，如果验证成功，我如何提交表单
$('#homeSubscriptionFromSub').submit(function(){
var formData = $(this).serialize();
var formUrl = '/subscriptions/subscribe';
$.ajax({
type: 'POST',
浏览 0提问于2011-10-27得票数 0
回答已采纳
我有一个脚本下面通过ajax提交数据到服务器，并完美地工作。我想实现的是在提交时禁用按钮，并在提交后重新启用它。
$(document).ready(function(){
$('.comment').on('submit',function(event){
event.preventDefault();
data = $(this).serialize();
$.ajax({
type: "POST",
url: "user_comment.php&
浏览 0提问于2015-06-30得票数 5
.ajax()可以发送post请求并获取数据，而.load()可以获取呈现页面中的任何元素。如何在提交(异步)时创建表单，而不是返回一些数据?如果是正常提交而不是ajax提交，应该如何获得呈现页面的页面元素？
我不想为xhr编写视图(Django)，普通的请求分开。因此，当我通过ajax提交表单时，我不想劫持默认操作，而只想获得呈现的post提交页面的一些元素，而不是真正被重定向到post提交页面，如果不是xhr请求，就会发生这种情况。
浏览 0提问于2012-02-19得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
