如何将 json 数据发送到代码点火器视图

How to send json data to codeigniter view

本文关键字：代码 点火器 视图 json 数据      更新时间：2023-09-26

嗨，我有一个问题，基于我将如何用控制器返回的数据替换我的网页部分。我有一个页面可以直接从我的数据库中显示电影的详细信息，我希望当用户选择特定类型时，仅显示该特定类别的电影。我已经设法从选择框中获取每种流派的名称并将其发送到控制器，我将使用它从数据库中提取数据。在我的 html 中，我使用 foreach 循环来加载所有数据，我的问题是我将如何将它们显示回视图并操作我的 php/html 代码以显示它们（实际上将现有的 php/html 替换为新的作为 ajax 请求）。 我知道我必须使用 json_encode（） 将它们作为对象发送回去，但我不知道如何显示它们或迭代 php/html 标签中的数据。

爪哇语

$(".select__sort").change(function()
    {
        var genre = $(".select__sort").val();
        $.ajax({
            type: "POST",
            url: "http://localhost:8888/Cinema_Seat_Booking_System/movie_list_full/order_by_genre",
            data: {'cat':genre},
            dataType:"json",
            cache: false,
        success: function (data) {
        }
      });
    });

.HTML

  <div class="select-area">
                <form class="select select--film-category" method='get'>
                      <select name="select_item" class="select__sort" tabindex="0">
                        <option value="default" selected="selected">All</option>
                          <?php foreach($genres as $category): ?>
                          <option value="<?php echo $category->genre ?>" selected="selected"> <?php echo $category->genre ?></option>
                          <?php endforeach ?>
                    </select>
                </form>
        </div>

每个循环电影数据的 HTML

<!-- Movie preview item -->
            <?php foreach($movies_data as $movie_data) :?>
            <div class="movie movie--preview movie--full release">
                 <div class="col-sm-3 col-md-2 col-lg-2">
                        <div class="movie__images">
                            <img alt='' src=<?php echo $movie_data->path ?>>
                        </div>
                </div>
                <div class="col-sm-9 col-md-10 col-lg-10 movie__about">
                        <a href='view_movie_page_full.php' class="movie__title link--huge"><?php echo $movie_data->title ?></a>
                        <p class="movie__time"><?php echo $movie_data->duration_min ?></p>
                        <p class="movie__option"><strong>Country: </strong><a href="#"><?php echo $movie_data->country ?></a href="#"></p>
                        <p class="movie__option"><strong>Category: </strong><a href="#"><?php echo $movie_data->genre ?></a></p>
                        <p class="movie__option"><strong>Director: </strong><a href="#"><?php echo $movie_data->director ?></a></p>
                        <p class="movie__option"><strong>Actors: </strong><a href="#"><?php echo $movie_data->actors ?></a></p>
                        <div class="movie__btns">
                            <a href="<?php echo site_url('book1')?>" class="btn btn-md btn--warning">book a ticket <span class="hidden-sm">for this movie</span></a>
                        </div>
                        <div class="preview-footer">
                            <div class="movie__rate"><div class="score"></div><span class="movie__rate-number"></span> </div>

                        </div>
                </div>
                <div class="clearfix"></div>

            </div>
            <?php endforeach ?>
            <!-- end movie preview item -->

控制器

 public function order_by_genre()
{
    $this->load->model('movie_list_full_model');
    $ajax_request = $this->input->post('cat');
    $query_data['genres'] = $this->movie_list_full_model->get_all_genres($ajax_request);

    $this->load->view('templates/header');
    $this->load->view('home/view_movie_list_full', $query_data);
    $this->load->view('templates/footer_movie_list_full');
}

ps 我希望页面在不重新加载的情况下更改数据，这就是我尝试使用 ajax 的原因，但我对此相当陌生，我被卡住了。有什么帮助吗？

您可以检查 ajax 是否使用 post 访问控制器，然后返回 json 编码 

public function order_by_genre(){
$this->load->model('movie_list_full_model');
$is_post = $this->input->server('REQUEST_METHOD') == 'POST';
if($is_post){
     $ajax_request = $this->input->post('cat');
     echo json_encode( $this->movie_list_full_model->get_all_genres($ajax_request));
  }
else {
      $this->load->view('templates/header');
      $this->load->view('home/view_movie_list_full', $query_data);
      $this->load->view('templates/footer_movie_list_full');
     }
}

然后在javascript中，您可以使用$（this）.val（）它获取更改元素的值（您可以大量使用它），然后如果ajax调用在div中成功，则显示电影只需附加每部电影与forEach循环 

$(".select__sort").change(function()
{
    var genre = $(this).val();
    $.ajax({
        type: "POST",
        url: "http://localhost:8888/Cinema_Seat_Booking_System/movie_list_full/order_by_genre",
        data: {'cat':genre},
        dataType:"json",
        cache: false,
        success: function (data) {
          $("#movies").html(" "); //clear everything from movie div
            data.forEach(function(entry) {   
             $("#movies").append("<div>"+entry.movie+"</div>");
               //just add everything here
             });
        }
    });
});
相关文章：