将参数发送到引导模式答案

【问题标题】：send parameters to bootstrap modal将参数发送到引导模式
【发布时间】：2017-10-18 13:04:33
【问题描述】：

我有许多打开引导模式弹出窗口的链接：

<a href="itinPage-secManage.view.php" data-act="edit" data-itinID="5" data-secID="15" data-toggle="modal" data-target="#manageSec-model">Edit 15</a>

<a href="itinPage-secManage.view.php" data-act="edit" data-itinID="5" data-secID="32" data-toggle="modal" data-target="#manageSec-model">Edit 32</a>

问题 - 当模式打开时它应该获取链接参数：

data-act="edit" data-itinID="5" data-secID="15"

好吧，这不会发生......

链接页面中的脚本是：

<script>
    // send data to modal file
    $('#manageSec-model').on('show.bs.modal', function (e) {
        var button = $(e.relatedTarget);

        var act = button.data('act');
        var itinID = button.data('itinid');
        var secID = button.data('secid');
        var date = button.data('date');

        var $modal = $(this);
        var info = 'act=' + act + "&itinID=" + itinID + "&secID=" + secID + "&date=" + date;         
    //  alert(info);

        $.ajax({
            cache: false,
            type: 'GET',
            url: 'itinPage-secManage.view.php',
            data: info,
            success: function(data) {
                $modal.find('.modal-body').html(data);
                setTimeout(function(){ //added this line.
                   setImageUploader()
                })                  
            }
        });     
    }); 

</script>

模态：

echo "itinID: ".$_GET['itinID']." secID: ".$_GET['secID'];

模态结果：

itinID: secID:

itinID: 5 secID: 15

两行（不知道为什么...）

【问题讨论】：

除了链接没有date 属性之外，它似乎工作得很好。 jsbin.com/zayodenawi/1/edit?html,js,console,output
不完全 - 模态在另一个文件中获取 url 参数并从数据库中提取数据。在我的情况下，模态没有从链接页面获取参数...... @bassxzero
您将不得不用英语重写该评论，否则我无法帮助您。
@bassxzero - 抱歉：不完全正确 - 我的模态在另一个文件上。它获取 url 参数并从数据库中提取数据。在我的情况下，模态不会从链接页面获取参数...
您要这样做吗？ jsbin.com/vivofifake/1/edit?html,js,output（我将get parms添加到链接href属性。）

标签： php jquery twitter-bootstrap modal-dialog

【解决方案1】：

为此，您必须在单击锚标记时调用 ajax，并将值传递给 ajax，您可以在单击锚标记时执行以下操作

$(this).attr("id");

或

$(this).attr("data-secID");//haven't tried this 2nd one

然后用 JavaScript 或 jQuery 启动模态

$("#someId").modal();

【讨论】：

谢谢，但我确定你的意思……你能给我举个例子吗？
<script type="text/javascript"> $("#tblViewBrands").on("click","tbody a",function(){ manualAjax("viewBrandCnt.php?getUpdateModal="+$(this).attr("id"),"#formUpdateBrand"); $("#updateBrandModal").modal(); }); </script>....................... ....................................manualAJAX() 调用 ajax 函数，#formUpdateBrand 是 ID将附加结果的元素的数量

【解决方案2】：

尝试改变

var button = $(e.relatedTarget);

到

var button = $(e.target);

【讨论】：