昨天,另一位用户建议我开始研究 Ajax 编码,以提高我的应用程序开发技能。
我正在测试表单提交。但是我的表单没有提交。我只是 ajax 新手,所以我一直在关注一些关于如何在线使用 ajax 的教程,因此我们将不胜感激。
<html>
<script type="text/javascript" src="../scripts/jquery.1.11.2.min.js"> </script>
<form id="form" action="" method="POST">
<textarea id="question" name="question" style="width: 200px; height: 200px; resize: none;"></textarea>
<button id="formsubmit"> Submit</button>
</form>
<textarea id="response" style="width: 200px; height: 200px; resize: none;"></textarea>
<script>
$(document).ready(function(){
$('#formsubmit').on("click",function(){
$.post("submit.php", { question: $('#question').val() }, function(data) {
$('#response').html(data);
});
});
});
</script>
</html>
我的目标是获取用户输入并将其显示在其下方的文本区域中。我不想刷新页面。
我处理这个问题的 php 代码是:
<?php
$q = $_POST['question'];
echo $q;
?>
最佳答案
而不是使用 $('#formsubmit').on("click",function(){
点击事件,使用这个:
$('#form').on("submit",function(e){
e.preventDefault();//prevent default submission
//your code of ajax
您应该使用<input type="submit"
而不是<button id="formsubmit"> Submit</button>
关于javascript - 我的ajax表单没有提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29229304/