jQuery AJAX POST 变成 GET答案

【问题标题】：jQuery AJAX POST turns into GETjQuery AJAX POST 变成 GET
【发布时间】：2012-05-29 09:43:27
【问题描述】：

我正在尝试将表单数据发送到当前页面以使用 jQuery 进行变量处理。当我发送 POST 请求时，服务器会收到一个 GET 请求，并且我的 URL 会更改以匹配该 GET。我知道如果我不隐式使用type: "POST"，jQuery 会自动转向 GET 请求，但我相信这就是我正在做的事情。任何帮助将不胜感激。

<script>
    function addadomain(){
        $.ajax({
            type: "POST",
            url: "domains.php",
            data: $("#domainform form").serializeArray(),
            success: function() {
                $("#domainlist").load("domains.php #domainlist");
                $.ajaxSetup({ cache: false });
            }
        });
        return false;
    };
</script>

<a id="displayText" href="#" onclick="toggle();" >Add Domains</a> 

<div id="toggleText" style="display: none">
    <form name="adddomain" id="domainform" autocomplete="on">
        <input type="hidden" name="userid" id="userid" value="<?PHP echo $loggedInUser->user_id; ?>" />

        Domain: <input type="text" name="domain" id="domain" required="required" /><br />
        Keyword: <input type="text" name="keyword" id="keyword" required="required" /><br />
        Facebook Url: <input type="text" name="facebook" id="facebook" /><br />
        Twitter Url: <input type="text" name="twitter" id="twitter" /><br />
        Analytics ID#: <input type="text" name="analytics" id="analytics" /><br />
        Blogspot Url: <input type="text" name="blogspot" id="blogspot" /><br />

        <input type="submit" onclick="addadomain()" id="submit" value="submit" />
    </form> 
</div>

【问题讨论】：

#domainform 中没有表单...

标签： jquery forms html post get

【解决方案1】：

您可能需要这样做：

e.preventDefault()

http://api.jquery.com/event.preventDefault/

在加载页面时，您的提交不会在您的 ajax 调用之上执行其默认操作...此外，您可以在表单标签 action="post" 中添加表单操作

【讨论】：

首先，他需要将onclick= HTML 属性转换为.on('click',function(e) {...})
函数本身会是onclick="return addadomain();，然后是return false，因为他没有直接将函数附加到点击事件。 +1 用于识别问题。