我试图使用ajax / jquery提交包含下拉菜单的表单,目的是根据表单输入显示来自MySQL数据库的信息。没有ajax / jquery,页面将正常运行。但是,我不希望表单提交后刷新页面,这样所选的下拉选项仍会显示。我的ajax / jquery不太好,我知道这是我遇到麻烦的地方。我的代码如下:
<script>
$(document).ready(funtion(){
var $form = $('form');
$form.submit(funtion(){
$.ajax({
type: "POST",
data: $(this).serialize(),
cache: false,
success: displayResults
});
});
});
</script>
函数displayResults是提交表单时要调用的函数,但是截至目前,当我单击“提交”时,表单会刷新,并且不会显示任何结果。任何帮助将不胜感激。提前致谢。
最佳答案
<script>
$(document).ready(funtion(){
var $form = $('form');
$form.submit(funtion(e){
e.preventDefault();
$.ajax({
type: "POST",
data: $(this).serialize(),
cache: false,
success: displayResults
});
});
});
</script>
这样可以通过阻止事件触发来阻止表单提交。在普通javascript中,您可以在提交时返回false,这将是相同的。
关于javascript - AJAX/JQuery:提交表单和调用功能而无需刷新页面,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28029328/