javascript - AJAX 请求，3 个工作，第 4 个没有到达 PHP

Question

我正在做级联选择(其中 4 个)，所有数据都在数据库中。为了填充它们，我根据上一次选择中选择的内容使用 sql 查询。为了在选择和下一个查询之间进行通信，我使用了如下所示的 AJAX 请求:

$(document).ready(function(){
    $("select#select_theme").change(function(){
        var theme = $("select#select_theme option:selected").attr('value');

        $.ajax({
            type:"GET",
            url:"formation.php",
            data:"theme="+theme,
            async : true,
            success: function(html){
                $("#div-formation").html(html);
            }
        }); 
    });
});

这个非常好用。然而，对于我的最后一个查询，我需要 2 个参数(来自 select 2 和 3)，所以我对 select 2 做了 2 个请求(一个用于 select 3，一个用于 select 4)，尽管 AJAX 请求仍然与最后一个相同.php 页面未收到。

<script type="text/javascript">
$(document).ready(function(){
    $("select#select_formation").change(function(){
        var nom_formation = $("select#select_formation option:selected").attr('value');

        $.ajax({
            type:"GET",
            url:"niveau.php",
            data:"nom_formation="+nom_formation,
            success: function(html){
                $("#div-niveau").html(html);
            }
        }); 
    });
});
</script>
<script type="text/javascript">
$(document).ready(function(){
    $("select#select_formation").change(function(){
        var formation = $("select#select_formation option:selected").attr('value');

        $.ajax({
            type:"GET",
            url:"version.php",
            data:"formation="+formation,
            success: function(html2){
                alert(formation);
            },
        });
    });
});
</script>

第二个未在 php 中收到，但警报显示正确的值。

错误是:注意:Undefined index: formation in C:\wamp\www\pluginDevis\version.php on line 5

我已经为数据字段尝试了不同的语法，但似乎没有任何效果。

编辑:php 中的第 5 行是:

$formation = $_GET['formation'];

因为它适用于所有其他完美运行的 .php 页面

what it looks like

---

已解决

我通过在其他文件中的单个 ajax 请求中发送查询的 2 条信息来让它工作

Answer 1

尝试将您的 data 参数更改为一个对象，例如:

$.ajax({
    type:"GET",
    url:"version.php",
    data: {
        'formation': formation
    }
    ...
});

此外，您可以使用 .val() 快速获取值，而不是 .attr('value')。使用 .on('change') 而不是 .change 也是更好的做法，因为其中许多方法在 jQuery 的更高版本中已被弃用。

如果这没有帮助，请检查 chrome/firefox 的检查器中的网络选项卡，以查看您的数据是如何提交的。

希望这对您有所帮助。