javascript - 从数据库引导模态动态数据

Question

我想要打开模型并动态获取模型内容，但是当我调用 ajax 文件并获取响应数据时，模型未打开，我无法在 php 代码中访问 json 响应数据。当我将模型放入 ajx 文件并获得 html 响应时，响应成功，但模型无法打开。请帮助我解决问题。

<script>
    function test(id) {
        $.ajax({
            type: "GET",
            url: "<?php echo base_url(); ?>index.php/Appointment/get_model",
            data: "id=" + id,
            cache: false,
            success: function(data) {

                $("#model_test").html(data);
                $("#myModal2").modal('show');
                //displayRecords();
            }
        });

    }
</script>

这是我的ajax文件get_model.php:

<?php
if (isset($_GET['id'])) {
    $id     = $_GET['id'];
    $query  = $this->db->query("select * from appointment where id='" . $id . "'");
    $result = $query->row();
    print_r($result);
    die;
    //echo(json_encode($result));
}
?>
   <div id="myModal2" class="modal fade" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">

                <div class="modal-body">
                    <div class="col-lg-12">
                        <div class="form-group  col-lg-3 col-md-3">
                            <label for="usr">Doctor Name:</label>
                        </div>
                        <div class="form-group  col-lg-7 col-md-7 ">
                            <input type="name" class="form-control input-lg" name="email" id="email_id" value="<?php
$result->name;
?>" placeholder="Doctor Name" required>
                        </div>

                        <div class="form-group  col-lg-3 col-md-3">
                            <label for="usr">Contact No:</label>
                        </div>
                        <div class="form-group  col-lg-7 col-md-7 ">
                            <input type="name" value="<?php
$result->contact_no;
?>" class="form-control input-lg" name="email" id="email_id" placeholder="Patient Name" required>
                        </div>
                    </div>
                </div>

这是我的 html 代码，我想在此处使用动态内容打开模型:

<div id="model_test">
</div>


   <?php



                            foreach($result as $row)

                            {
<td onclick="test(<?php echo $row->id;?>)" data-toggle="modal" data-id="<?php echo $row->id;?>" data-target="#myModal2" ><?php echo ucfirst($row->name);?></td>
}

Answer 1

您的 div 关闭标签有问题，请检查所有 div 标签是否正确关闭，尝试以下代码

<div id="myModal2" class="modal fade" role="dialog">

<!-- Modal content-->
<div class="modal-content">

  <div class="modal-body">
    <div class="col-lg-12">
    <div class="form-group  col-lg-3 col-md-3">
                            <label for="usr">Doctor Name:</label>
                            </div>
                            <div class="form-group  col-lg-7 col-md-7 ">
                            <input type="name" class="form-control input-lg" name="email" id="email_id" value="<?php $result->name; ?>"
                            placeholder="Doctor Name" required >
                            </div>

                            <div class="form-group  col-lg-3 col-md-3">
                            <label for="usr">Contact No:</label>
                            </div>
                            <div class="form-group  col-lg-7 col-md-7 ">
                            <input type="name" value="<?php $result->contact_no; ?>" class="form-control input-lg" name="email" id="email_id"  
                            placeholder="Patient Name" required >
                            </div>
      </div>
    </div>

  and this one is my html code  i want to open model here with dynamic content

  <div id="model_test">
   </div>
  </div>

<td onclick="test(<?php echo $row->id;?>)" data-toggle="modal" data-id="<?php echo $row->id;?>" data-target="#myModal2" ><?php echo ucfirst($row->name);?></td>