如何使用模态窗口在同一页面的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) {

            }
        });