来自数据库的bootstrap模态动态数据

时间:2016-10-11 12:53:31

标签: javascript php jquery css3 codeigniter

我想要打开模型并获取动态模型内容但是当我调用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>
}

2 个答案:

答案 0 :(得分:0)

你在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>

答案 1 :(得分:0)

你没有使用MVC编程模式! 您将数据库代码用于视图吗?! 请使用以下功能制作控制器:

function get_model(){
 $this->load->model('get_model');
 $value = $this->get_model->your_db_data_retrieve_model_function(data);
 $data = json_encode($value);
    $this->output
        ->set_content_type('application/json')
        ->set_output($data); 
 }

还需要一个模型(从数据库中检索数据):

function retrieve_data($id) {
  . ....
  return $data;
}

记得使用控制器使用

从$ _GET获取数据
$this->input->get('your_variable_name')

将其传递给模特(ID)。

考虑阅读MVC(模型 - 视图 - 控制器)模式的原理。