$_POST
或$_GET
超全局变量来获取提交的数据。PHP不使用submit按钮提交表单,可以通过JavaScript和AJAX实现,以下是具体的步骤:
1、创建HTML表单
我们需要创建一个HTML表单,包含输入字段和一个按钮,我们不会使用submit类型的按钮,而是使用button类型。
<form id="myForm"> <input type="text" id="myInput" name="myInput"> <button type="button" onclick="submitForm()">提交</button> </form>
2、编写JavaScript函数
接下来,我们需要编写一个JavaScript函数,当用户点击按钮时,这个函数会被触发,这个函数会获取表单的数据,并使用AJAX发送到服务器。
function submitForm() { var xhr = new XMLHttpRequest(); var url = "submit.php"; xhr.open("POST", url, true); xhr.setRequestHeader("ContentType", "application/xwwwformurlencoded"); xhr.onreadystatechange = function() { if (this.readyState === XMLHttpRequest.DONE && this.status === 200) { console.log(this.responseText); } } xhr.send("myInput=" + document.getElementById("myInput").value); }
3、在服务器端处理数据
我们需要在服务器端(在这个例子中是PHP)处理这些数据,我们可以在"submit.php"文件中做这个。
<?php $myInput = $_POST['myInput']; // 处理数据... ?>
相关问题与解答:
Q1: 如果我想在不刷新页面的情况下提交表单,我应该怎么做?
A1: 你可以使用AJAX来实现,在上面的例子中,我们已经使用了AJAX来提交表单,这样就可以在不刷新页面的情况下提交表单。
Q2: 我可以在JavaScript函数中使用其他方法来发送AJAX请求吗?
A2: 是的,除了使用XMLHttpRequest对象,你还可以使用fetch API或者jQuery的$.ajax()方法来发送AJAX请求。
原创文章,作者:未希,如若转载,请注明出处:https://www.kdun.com/ask/570934.html
本网站发布或转载的文章及图片均来自网络,其原创性以及文中表达的观点和判断不代表本网站。如有问题,请联系客服处理。
发表回复