如何使用模態窗口在同一頁面的PHP中傳遞JavaScript變量值

Question

這是我的Java腳本，用於將值提取到輸入框，

$('#edituserModal').on('show.bs.modal', function(e) {
    var userid = $(e.relatedTarget).data('userid');
    var u_id = document.getElementById('hdn_user_id').value = userid;
    alert(userid);
});

我希望此值可用於同一頁面上的模式窗口中的SQL查詢。 我在模態窗口中獲取了值，但無法使用它。 使用什么格式。

Answer 1

您可以使用ajax將js變量傳遞到php頁面。

$('#edituserModal').on('show.bs.modal', function(e) {
var userid = $(e.relatedTarget).data('userid');
var u_id=document.getElementById('hdn_user_id').value=userid;

 $.ajax({    //create an ajax request to load page.php
        type: "GET",
        url: "page.php",

        data:"varabletophp="+u_id,    //Here is the value you wish to pass in to php page        
        dataType: "html",   //expect html to be returned                
        success: function(response){                    

          alert(response);
        }

    });  

});

不，您可以使用以下方法將此變量添加到page.php（php頁面）中

$fromjs=$_GET['varabletophp'];
echo $fromjs;

Answer 2

您可以使用隱藏的輸入並在此輸入上設置userid值，因此，發布表單

根據觸發按鈕改變模式內容： http : //getbootstrap.com/javascript/#modals-related-target

        var data = new FormData($('form#' + formId)[0]);

        $.ajax({
            type: "POST",
            url: url,
            data: data,
            cache: false,
            processData: false,
            contentType: false,
            beforeSend: function () {

            },
            success: function (response) {


            },
            error: function (response) {

            }
        });