Question

我有一个页面，我需要有一个＆＃34; show function＆＃34;我点击一个按钮，然后它会根据按钮的ID显示用户信息。

我有这个js代码

$("#brugeridbtn").click(function(){

    var id = $("#brugerid").val();

    console.log( id );

    $.ajax({
        type: 'POST',
        url: 'test.php',
        data: { 
            'id': '1'
        },
        success: function(msg){
            alert('wow' + msg.id);
        }
    });

});

这是我的表格

<form method='POST'>
 input type='hidden' name='brugerid' id='brugerid' value='$row[bruger_id]'>
 <button type='button' class='btn btn-info' id='brugeridbtn' name='test' data-toggle='modal' data-target='#myModal'>Open Modal With Form</button>
 </form>

我坚持如何让它到$ _POST，所以我可以在sql查询中使用它。

Answer 1

尝试按下这样的按钮

<button type='button' class='btn btn-info' id='brugeridbtn' data-show-id='<?php echo $row['bruger_id']; ?>' name='test' data-toggle='modal' data-target='#myModal'>Open Modal With Form</button>

然后

$("#brugeridbtn").click(function(){

    var id = $(this).data('showId');

    console.log( id );

    $.ajax({
        type: 'POST',
        url: 'test.php',
        data: { 
            'id': id
        },
        success: function(msg){
            alert('wow' + msg.id);
        }
    });

});

我没有给出这个测试，但理论应该有效

Answer 2

这样做：

$("#brugeridbtn").click(function(){

var id = $("#brugerid").val();

console.log( id );

$.ajax({
    type: 'POST',
    url: 'test.php',
    data: { 
        'id': id
    },
    success: function(msg){
        alert('wow' + msg.id);
    }
});

});

现在你可以在你的php中使用id：

$id = $_POST['id'];

编辑：

<script>
$(document).ready(function(){

    $("#brugeridbtn").click(function(){

    var id = $("#brugerid").val();

    console.log( id );

    $.ajax({
            datatype : "json",
        type: 'POST',
        url: 'sandbox_modal.php',
        data: {
            id: id
        },
        success: function(data){
            var jsonData = JSON.parse(data);
            alert('ID: ' + jsonData.id);
        }
    });

    });
})
</script>

//新的PHP文件： - new_php.php

<?php

$id = $_POST['id'];

$tempArray = array('id' => $id);

echo json_encode($tempArray);

?>

Answer 3

在您的代码段中，几乎没有什么可以改变的，以使所有内容按预期工作：

包装您的$（“＃brugeridbtn”）。点击事件处理程序 $（document）.ready（function（）{...}）
在$ .ajax中，调用数据对象应具有权限声明的属性 - 不带引号的id：

data: { id: id }

确保您的test.php位于同一文件夹中，并根据结构返回。你不能简单地期望'msg'是js-object（当寻址到 msg.id 时）。我认为更好的选择是：
- 从php返回json（echo json_encode），
- 将json转换为js中的对象（JSON.parse）或将$ .ajax dataType param更改为'json'。

使用jquery为bootstrap模态赋予id，以便在sql查询中使用

3 个答案: