使用JavaScript/jQuery将表单的值传递给PHP脚本

Question

我有一些麻烦传递一个表单的值使用JS PHP脚本。

PHP脚本将表单数据与其他一些信息(IP，日期/时间)一起保存到文本文件中，但这一切都很好。

这绝对是一些简单的东西，但我有限的JS知识阻碍了我解决这个问题。以下是输入…

<input type="text" id="username"></input>
<input type="password" id="password"></input>

这是JS函数…

<script>
$(document).ready(function() {
$('#submit').click(function() {
event.preventDefault(); // prevent PageReLoad
var request = new XMLHttpRequest();
request.open('POST', 'create_file.php');
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var data = username + ',' + password + ',';
request.send(data);
});
});
</script>   

提前感谢您的帮助

Answer 1

我认为有很多关于如何做到这一点的例子。你当然不需要jquery(更不用说2个实例了)。也许是这样的?

document.querySelector("#submit").addEventListener("submit", function(e){
e.preventDefault();    //stop form from submitting
var form = this;
fetch('create_file.php', {method:'post', body: new FormData(form)})//send the data using fetch
.then(response => response.json()) //get json response
.then(data => console.log(data)); //log the response data
});

Answer 2

您需要Jquery和Ajax

，语法是这样的:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>

<script>
$.ajax({
url:"https://yourwebsite.de/file.php",
type:"POST",
data: { 
mode: "add", firma: firma, email:email, adresse1: adresse1,adresse2:adresse2 },
success:function(e){
//answer from php file
}});
</script>