gpt4 book ai didi

javascript - 通过 AJAX 将数据发送到 $_POST 数组

转载 作者:行者123 更新时间:2023-12-03 06:45:32 25 4
gpt4 key购买 nike

我开始通过“提交”按钮播放音乐,因此我的表单没有发送到全局数组 $_POST。怎么做?我应该使用 AJAX 吗?如何?音乐播放,但表格未发送:(

 <?php

include_once 'connect.php';



if($_POST['text']){
mysqli_query($CONNECT,"TRUNCATE TABLE user");
$query = "INSERT INTO user VALUES ('','$_POST[text]')";
mysqli_query($CONNECT, $query);
}
?>




<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Input</title>
<link href="style.css" rel="stylesheet">
<script src="jquery-2.2.3.min.js"></script>

<script>
$(document).ready(function() {
$('.button').click(function(event) {
$('.chatMessage').val('');
var audio = document.getElementById('audioFile');
audio.currentTime = 0;
audio.play();
audio.loop = true;
event.preventDefault();
});
});
$("#form").submit(function(event){
var $form = $(this);
var $inputs = $form.find("input, button, textarea");
var serializedData = $form.serialize();
$inputs.prop("disabled", true);
$.ajax({
url: "/index.php",
type: "post",
data: serializedData
});
});
</script>
</head>

<body>
<audio id="audioFile">
<source src="font/sound.mp3" type="audio/mpeg">
</audio>
<div class="inputMessage">

<form id="form" method="POST" action="/index.php">
<textarea class="chatMessage" name="text" placeholder="Текст сообщения"></textarea>
<br>
<input class="button" type="submit" name="enter" value="Отправить">
<input type="reset" value="Очистить">
</form>
</div>
</body>
</html>

我需要你的答复!

最佳答案

这有几个问题。首先,您要重写按钮的点击处理程序。如果您还希望它也发布表单,您应该在处理程序末尾return true;

此外,您会发现发生这种情况时浏览器将重新加载页面,因此您没有真正的理由想要播放音乐。相反,您应该添加一些 PHP 来添加 JavaScript,以便在正确接收到发布数据时播放音乐。

或者,您可以在点击处理程序中使用 AJAX 发送数据,如 @jszobody 建议的那样。

关于javascript - 通过 AJAX 将数据发送到 $_POST 数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37753853/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com