Jquery Ajax在同一函数中获取对分隔网址的请求答案

【问题标题】：Jquery Ajax get request to separated urls in the same functionJquery Ajax在同一函数中获取对分隔网址的请求
【发布时间】：2013-04-29 14:27:53
【问题描述】：

我有以下表格：

<p>Choose your page:</p>
<form id="ChartsForm" onsubmit="return submitForm();">
    <select name="accmenu" id="accmenu" style="width:300px;">
        <?php
        $user_accounts = $facebook->api('/me/accounts','GET');
        foreach($user_accounts['data'] as $account) {
        ?>
            <option data-description="<?php echo $account['category'] ?>" data-image="https://graph.facebook.com/<?php echo $account['id']; ?>/picture" value="<?php echo $account['id'] ?>"><?php echo $account['name'] ?></options>
        <?php
        }
        ?>
    </select>
    <p>Choose your insights:</p>
    <div class="chartsbuttons">
        <input type="submit" name="submit" value="Daily new likes">
        <input type="submit" name="submit" value="Daily unlikes">
        <input type="submit" name="submit" value="Daily page views">
    </div>
</form>

其中包含一个选择和三个测试提交按钮，称为：“每日新喜欢”、“每日不喜欢”和“每日页面浏览量”。我使用了在 submitForm 函数中定义的 ajax 调用：

function submitForm() {
    $.ajax({type:'GET', url: 'check.php', data:$('#ChartsForm').serialize(), success:
        function(response) {
            alert(response);
        }});
    return false;
};

现在检查选定的选项值是否发送到 php 脚本并提醒我必须是 facebook 页面 ID 的响应。这是php脚本：

<?php
echo $_GET['accmenu'];
?>

这工作正常，但我将为每个提交按钮创建一个 php 文件以发送请求。示例：如果我按下“每日新赞”，它将向 newlikes.php 发送一个获取请求，如果我按下“每日页面浏览量”，它将向 pageviews.php 发送一个获取请求。我只定义了一种形式，我想保持这种形式。如何根据提交按钮使用 JQuery Ajax 发送到特定的 url？我必须为每个输入创建一个新的 JavaScript 函数吗？表格怎么样，我必须创建新的？如果我创建新的选择将不会对他们每个人都可用，对吗？我真的需要指导，因为我被困在这个问题上。任何帮助表示赞赏。

【问题讨论】：

标签： javascript jquery ajax forms html-select

【解决方案1】：

使用 PHP，除非您真的想要，否则您不需要设置 3 个单独的文件来执行请求。您应该能够使用现有函数进行一些修改来执行繁重的工作，但这里有一个修改，它根据指定的参数调用不同的文件：

函数提交表单（动作）{ $.ajax({type:'GET', url: action + '.php', data:$('#ChartsForm').serialize(), 成功：功能（响应）{ 警报（响应）； }}); 返回假； };

接下来，您将为按钮分配一些属性，并绑定点击事件以触发您的功能：

HTML

JavaScript

$("input[type='submit']", "#ChartsForm").on("click", function(e){ e.preventDefault(); submitForm($(this).attr("data-action")); });

【讨论】：