我试图使用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/

10-12 13:02
查看更多