將ajax var加載到從另一個php頁面加載的bootstrap模式中

我在一個頁面上有多個模式，所有模式都有唯一的ID。當用戶點擊一個按鈕時，它會打開獨特的模式。將ajax var加載到從另一個php頁面加載的bootstrap模式中

<button id="<?php echo $removeslash; ?>" class="btn btn-primary open-modal" data-source="output.php"><span class="glyphicon glyphicon-new-window"></span> Open Modal</button>

正如你所看到的模態的身體是output.php，這是因爲進出口運行在output.php它創建取決於被點擊的按鈕獨特數據的腳本。我試圖通過AJAX將id="<?php echo $removeslash; ?>"傳遞給output.php。下面是ajax。

<script> 
$(document).on("click", ".open-modal", function(e) { 
    e.preventDefault(); 
    $("#modalResult .modal-body").load($(this).data("source"), function(response, status, xhr) { 
     if (status == "error") { 
      console.log("unable to load content : " + xhr.status); 
     } else { 
      $("#modalResult").modal("show"); 
     } 

    }); 
    var mehmeh = $(this).attr('id'); 
    $.ajax({ 
     type: "POST", 
     url: "output.php", 
     data: ({ 
      'id': mehmeh 
     }), 

     success: function(msg) { 
      alert("Data Saved: " + msg); 
     } 
    }); 

});

阿賈克斯代碼的工作好吧，我想是因爲成功的功能顯示在按鍵標識。但是當模式加載時，它不會加載。這是output.php文件中的回顯代碼。

<h1>FooBar: <?php echo $_REQUEST['id']; ?></h1>

我敢肯定它有事情做對的index.php，但AJAX給數據output.php模態加載，但我不能弄明白。

感謝

來源

2015-02-09 user2022092

您就可以在控制檯中的JavaScript錯誤？如果你看到一個錯誤，你可以展示它嗎？ – Capri82 2015-02-09 15:56:14

嗨，是不是在控制檯中得到任何Java腳本錯誤。 – user2022092 2015-02-09 15:58:52

香港專業教育學院設法解決這個問題，它可能是很草率的，但在這裏。

<script> 
$(document).on("click", ".open-modal", function(e) { 
    var id = $(this).data('id'); 

    e.preventDefault(); 
    $("#modalResult .modal-body").load($(this).data("source"), function(response, status, xhr) { 
     if (status == "error") { 
      console.log("unable to load content : " + xhr.status); 
     } else { 
      $.post("output.php", { 
        id: id 
       }) 
       .done(function(data) { 
        $("#modalResult").modal("show"); 
        $('.modal-body').html(data); 
       }) 
     } 

    }); 
});

來源

2015-02-09 22:42:34 user2022092

將ajax var加載到從另一個php頁面加載的bootstrap模式中

回答

相關問題