Я новичок в codeigniter ajax, и у меня проблема с сеансами. Мои сеансы не устанавливаются и не сбрасываются асинхронно, и мне нужно обновить страницу, чтобы увидеть изменения.

Просмотр / заголовок:

    <?php
if(!empty($product)){
$pid=$product[0]['product_id'];

}

?>
<script>
$(document).ready(function(){
    if($('.add_to_basket').find('img')){
$('.add_to_basket').click(function(){
        var message=$('#badgemessage');
    $('#msgcart').append(message);
    message.show('slow');
    var trigger=$(this);
    var param=trigger.attr("rel");
    var item=param.split("_");
            $.ajax({

                type: 'POST',
                url: '<?= base_url()."cart_c/myfunk/".$pid?>',

                data: { id: item[0], job: item[1] },
                dataType:'json',
                success: function(data) {
                           console.log(data);       
                },
                error:function(){
                alert("error");
                }
            });
            return false;

});
    }
});



</script>

Модель / корзина_модель:

<?php
class Basket_model extends CI_Model{

    function activeButton($sess_id){
        $e=$this->session->userdata('basket');
        if(isset($e[$sess_id])){
        $id=0;
        $label="<img src='".base_url()."images/remove.png' />";
        }else{
            $id=1;
            $label="<img src='".base_url()."images/add.png' />";
        }
        $out="<a href='#' class='add_to_basket' rel='".$sess_id."_".$id."'>".$label."</a>";
        return $out;
    }

    function setItem($pide,$qty=1){
        $e=$this->session->userdata('basket');
        if(isset($e)){
    $e[$pide]['qty']=$qty;
    $this->session->set_userdata('basket',$e);
        }else{
            $arr=array($pide=>array('qty'=>$qty));
            $this->session->set_userdata('basket',$arr);
        }
}
    function removeItem($pide,$qty=null){
        $e= $this->session->userdata('basket');
        if($qty != null && $qty < $e[$pide]['qty']){
            $e[$pide]['qty']=($e[$pide]['qty']-$qty);
            $this->session->set_userdata('basket',$e);
        }else{
            $e[$pide]=null;
            unset($e[$pide]);
            $this->session->set_userdata('basket',$e);


        }

    }
}
?>

Контроллер / cart_c:

<?php
class Cart_c extends CI_Controller{

    function __construct(){
        parent::__construct();
        $this->load->model('catalogue_model');
        $this->load->model('products_model');
        $this->load->model('basket_model');


    }

    function myfunk($id){
    if(isset($_POST['id']) && isset($_POST['job'])) 
    $out=array();
    $pid=$_POST['id'];
    $job=$_POST['job'];
        if(!empty($id)){
            switch($job){
                case 0:
                $this->basket_model->removeItem($pid);
                $out['job']=1;
                break;

                case 1:
                $this->basket_model->setItem($pid);
                $out['job']=0;
                break;

            }
            echo json_encode($out);
        }


    }


}

?>

Контроллер / продукты:

<?php
class Products extends CI_Controller{
    function __construct(){
        parent::__construct();
        $this->load->model('catalogue_model');
        $this->load->model('products_model');
        $this->load->model('basket_model');
    }

    function product($id){
    $kitties['cats']=$this->catalogue_model->get_categories();
    $data['product']=$this->products_model->get_product($id);
    $data['active_button']=$this->basket_model->activeButton($id);
        $this->load->view('header',$data);
        $this->load->view('sidebar',$kitties);
        $this->load->view('product',$data);
        $this->load->view('footer');
    }

}

?>

Просмотр / товар:

<div class="contentwrap">
<div id="content_area">
<?php 

$e=$this->session->userdata('basket');
print_r($e);
if(!empty($product)){
    foreach($product as $p){
        ?>
        <h1><?=$p['product_name']?></h1>
        <div id="product_image">
        <img src="<?=base_url()?>/images/<?=$p['image']?>" width="400" height="300" />
        </div>
        <div id="product_desc">
        <?=$p['description']?>
        <br><br>
        <?=$active_button?>


        </div>
        <?php

    }

}else{
    echo "Product unavailable";
}?>




</div>
</div>

Проблема в том, что моя кнопка $ active_button в представлении продукта не изменяется асинхронно, но сеансы устанавливаются и отключаются, я могу видеть элементы, которые вставляются в массив сеанса и выходят из него, когда я обновляю страницу. Когда я нажимаю кнопку, отображается моя хромированная консоль. : объект {задание: 0}

1
admir 2 Мар 2015 в 21:40

2 ответа

Лучший ответ

Хорошо после просмотра и изучения вашего кода. вы можете реализовать то, что хотите, снова получив кнопку при вызове AJAX. Чтобы получить его, снова вызовите эту модель, а затем используйте jquery для замены текущей кнопки. Попробуйте следующее:

Контроллер - Cart_c

function myfunk($id) {
    if (isset($_POST['id']) && isset($_POST['job'])) {
        $out = array();

        $pid = $_POST['id'];
        $job = $_POST['job'];
        if (!empty($id)) {
            switch ($job) {
                case 0:
                    $this->basket_model->removeItem($pid);
                    $out['active_button'] = $this->basket_model->activeButton($pid);
                    break;

                case 1:
                    $this->basket_model->setItem($pid);
                     $out['active_button'] = $this->basket_model->activeButton($pid);
                    break;
            }
            echo json_encode($out);
        }
    }
}

JS в виде заголовка:

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

        function add_to_basket($this) {
            var param = $this.attr("rel");
            var item = param.split("_");
            $.ajax({
                type: 'POST',
                url: '<?= base_url() . "cart_c/myfunk/" . $pid ?>',
                data: {id: item[0], job: item[1]},
                dataType: 'json',
                success: function(data) {
                    console.log(data);
                    $this.replaceWith(data.active_button);
                    $('.add_to_basket').click(function() {
                        add_to_basket($(this));
                    });
                },
                error: function() {
                    alert("error");
                }
            });
            return false;
        }

        $('.add_to_basket').click(function() {
            add_to_basket($(this));
        });

    });
</script>
1
CodeGodie 2 Мар 2015 в 23:45

Хорошо, я думаю, что нам следует начать с обсуждения правильной работы вашего приложения. Предполагая, что ваш URL-адрес выглядит примерно так Products/product/10 и вы изначально загружаете страницу, ваша функция запускается, предоставляя вам нужную кнопку и продукты, как и ожидалось. Допустим, в этом случае продукт 10 не существует в сеансе / корзине, поэтому вы видите, что появляется кнопка ДОБАВИТЬ изображение .. Все в порядке. Теперь, когда вы нажимаете кнопку «Добавить» и из того, что вы говорите, он добавляет продукт в сеанс / корзину, и вы получаете возвращаемый JSON «job: 0» . Пока это работает, как и ожидалось из кода, который я вижу. Возврат задания: 0 означает, что вы выполнили функцию setItem. Проблема, о которой вы говорите, заключается в том, что представление «не изменяется асинхронно». Вы имеете в виду, что вы ожидаете, что страница перезагрузится и снова запустит функцию, чтобы изображение теперь могло сказать «удалить»?

1
CodeGodie 2 Мар 2015 в 22:02