php - 从 PHP 生成的民意调查中使用 ajax 发布的问题

Question

我会尝试慢慢地引导您完成这个过程。我正在尝试进行一项经常会发生变化的民意调查，因此我必须使其充满活力。我还需要在不重新加载页面的情况下实现此功能，因此我需要使用 Ajax 来提交表单。所以我所做的就是创建一个 PHP 脚本来为我回显民意调查。这效果很好，我按照我想要的方式得到了民意调查。哦，是的，忘了告诉大家，这是一个多步骤的民意调查。我通过在 JQM“页面”中隐藏/显示 div 一次浏览 2-4 个问题。我的意思是:

<div data-role='page'>

在最后一页，我确实有一个提交按钮而不是下一个按钮，因为民意调查显然没有“下一个”div 可以显示。此提交按钮没有任何作用，形状或形式工作，因此是这里的问题。

$("#submit").click(function() 
        {
            if ($("#form").validate()) 
            {
                $.ajax(
                {
                type:'POST',
                url:'add.php',
                data:$('#form').serialize(),
                success:function(response)
                {
                    $("#answers").html(response);
                }
            });
            } 
            else    
            {
                return false;
            }                   

        })

这应该将我的表单数据发送到另一个名为 add.php 的 PHP 文件，然后将其发布到下面显示的 div。 (它实际上应该只是保存到数据库，但我尝试回显它，直到我看到它有效)。现在，不同的是，我在非动态表单上编写了另一段相同的代码，该表单不是通过 PHP 创建的，而只是在 HTML 中绘制出来。这也是一个多步骤民意调查，跨越超过 3 个 div/“页面”。而且提交完全没有问题。

总结一下:我有 2 个不同的项目，每个项目都解决了我一半的问题。一个动态生成表单，另一个保存我制作的静态表单。两种表单都包含各种复选框、单选按钮和文本区域。问题是，他们不会一起工作。当我单击“提交”按钮时，我希望表单将答案回显到该 div 中(您在几行中读到的那个):

<div data-role="content" id="answers">
        Answers comes here: 
        </div>

尽管如此，这个 div 保持不变。我将 $("#submit").click(function()) 剥离为alert('test');我仍然没有得到 react 。我已经检查了变量名称和 div 名称以及任何其他相关名称，并且对每个单独的部分(生成民意调查并使用 ajax 发布)以及我的尝试进行了各种细微调整将它们结合起来但没有成功。那么，最重要的问题是哪里可能出了问题？我剩下的最后一个假设是，$("#submit").click ... 的 JavaScript 函数以某种方式在生成投票的脚本之前加载。这是有道理的，当声明提交点击函数时，它不会链接到任何按钮，如下所示:

<input type="button" id="submit" name="Submit"/>

有谁知道如何让这个提交按钮起作用，或者甚至知道为什么它不起作用？感谢所有阅读本文的人，我希望您拥有并愿意分享一些可以帮助我的知识。还要感谢 Stack Overflow 的创建者为此实现了 alt+z 功能，因为我在写这句话之前的句子时不小心点击了 alt+a，然后点击了随机字母。祝你有美好的一天!

编辑:在凯文的提示后尝试了下面的答案，但即使是第一个警报按钮也没有反应:

$("#submit").click(function() 
    {
        alert("it works");
        if ($("#form").validate()) 
        {
            $.ajax(
            {
            type:'POST',
            url:'add.php',
            data:$('#form').serialize(),
            success:function(response)
            {
                $("#answers").html(response);
                return false;
            }
        });
        } 
        else    
        {
            return false;
        }                   

    })
    });

Answer 1

你需要返回 false；在 $("#answers").html(response) 下；在 success 函数的范围内。让我知道这个是否奏效。祝你好运，凯文