jQuery Ajax 将输入值从一个模态传递到另一个模态-解网

问：

我有一个用于输入用户信息的模式。用户应链接到建筑物。输入用户信息并单击提交按钮后，我阻止了默认操作，并在用户模态上叠加/显示建筑模态。执行此操作的代码如下。

(function($) {
    $('#modalAddUser').modal('show');
    $('#formAddUser').on('submit', function(e) {
        e.preventDefault();
        let name_user = $('input[name="name"]').val();
        let address_user = $('input[name="address"]').val();
        let city_user = $('input[name="city"]').val();

        $.ajax({
            url: './modals/modalConnectBuilding.php',
            method: 'post',
            data: {
                "name_user": name_user,
                "address_user": address_user,
                "city_user": city_user
            },
            success: function() {
                console.log(name_user);
                console.log(address_user);
                console.log(city_user);
            }
        });

        $('#modalConnectBuilding').modal('show');
    });
})(window.jQuery);

console.log（）正确记录输入信息，但在“modalConnectBuilding.php”中，以下内容不起作用：

<?php
    echo $_POST['name_user'];
    echo $_POST['address_user'];
    echo $_POST['city_user'];
?>

产生以下错误：

Undefined index: name_user in
C:\laragon\www\modals\modalConnectBuilding.php
Undefined index: address_user in
C:\laragon\www\modals\modalConnectBuilding.php
Undefined index: city_user in
C:\laragon\www\modals\modalConnectBuilding.php

我的目的是做一个经典的'form action=“./php/processConnectBuilding.php” method=“post”'，但需要访问三个未定义的变量，如上所示。添加用户和建筑物是孤立的，但以这种方式连接时则不然。任何帮助将不胜感激，如果您需要更多信息，请询问。谢谢！

我提交的表单（在模态中）的代码如下（请注意，默认操作被 preventDefault（）抑制，因此 action 属性永远不会被“调用”，连接建筑物的表单也基本相同，但 action 属性没有被抑制）：

<form role="form" id="formAddUser" action="./php/processAddUser.php" method="post">
    <div class="form-group form-group-default required">
        <label>Name</label>
        <input type="text" name="name" class="form-control" required>
    </div>
    <div class="form-group form-group-default required">
        <label>Address</label>
        <input type="text" name="address" class="form-control" required>
    </div>
    <div class="form-group form-group-default required">
        <label>City</label>
        <input type="text" name="city" class="form-control" required>
    </div>
    <div style="margin-top: 25px">
        <button type="submit" class="btn btn-primary btn-lg btn-block"><i class="fa fa-plus-circle"></i> Add</button>
    </div>
</form>

php jquery ajax 模态对话框未定义索引

<html>
<head>
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>

</head>
<body>
<form role="form" id="formAddUser" action="" method="post">
    <div class="form-group form-group-default required">
        <label>Name</label>
        <input type="text" id="name" name="name" class="form-control" required>
    </div>
    <div class="form-group form-group-default required">
        <label>Address</label>
        <input type="text" name="address" class="form-control" required>
    </div>
    <div class="form-group form-group-default required">
        <label>City</label>
        <input type="text" name="city" class="form-control" required>
    </div>
    <div style="margin-top: 25px">
        <button type="submit" class="btn btn-primary btn-lg btn-block"><i class="fa fa-plus-circle"></i> Add</button>
    </div>
</form>
</body>
</html>

<script>
$('#formAddUser').on('submit', function(e) {
        e.preventDefault();
        let name_user = $('input[name="name"]').val();
        let address_user = $('input[name="address"]').val();
        let city_user = $('input[name="city"]').val();

        $.ajax({
            url: 'tariffdetaildata.php',
            method: 'post',
            data: {
                "name_user": name_user,
                "address_user": address_user,
                "city_user": city_user
            },
            success: function(data) {
                alert(data)
            }
        });
});

</script>

关税详细数据.php

<?php

    echo $_POST['name_user'];
    echo $_POST['address_user'];
    echo $_POST['city_user'];

(function($) {
$('#modalAddUser').modal('show');
$('#formAddUser').on('submit', function(e) {
    e.preventDefault();
    let name_user = $('input[name="name"]').val();
    let address_user = $('input[name="address"]').val();
    let city_user = $('input[name="city"]').val();

    $.ajax({
        url: './modals/modalConnectBuilding.php',
        method: 'post',
        data: {
            "name_user": name_user,
            "address_user": address_user,
            "city_user": city_user
        },
        success: function() {
            console.log(name_user);
            console.log(address_user);
            console.log(city_user);

            $('#modalConnectBuilding').modal('show');

           $("#modalConnectBuilding .modal-body #name_user").val( name_user);
           $("#modalConnectBuilding .modal-body #address_user").val( address_user);
           $("#modalConnectBuilding .modal-body #city_user").val( city_user);


        }
    });


});
})(window.jQuery);

jQuery Ajax 将输入值从一个模态传递到另一个模态

jQuery Ajax passing input values from one modal to another

评论

评论

评论