在 yii 框架中使用 ajax/json

Question

我正在尝试在 Yii 框架中创建一个网上商店。现在我想在用户单击图标时取消设置会话。

我目前正在使用它向文件发送 json 调用，但我认为 json 调用中的 url 正在被我的 htaccess 重写。

JSON 调用：

$(document).ready(function(){
    $('.glyphicon-trash').click(function(){
        $.getJSON("ajax/load.php?action=unset&element="+$(this).parent(), function(data) {
            alert(data.message);
        });
    });
});

我得到的错误：

GET http://mydomain.nl/my/path/to/site/ajax/load 404 (Not Found)

但它不是加载，它的 load.php！但是我的 htaccess 重写了那个 url..

.htaccess

RewriteEngine on

# if a directory or a file exists, use it directly
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d

# otherwise forward it to index.php
RewriteRule . index.php

在 Yii 中实现 ajax 调用的其他方式也不错，只是需要我多解释一下。

Answer 1

您可以通过核心 yii-ajax 来实现这些，但如果您想使用 ajax 进行大量工作，那么您可以使用带有“renderPartial”ajax 和小部件的核心 YII 库。

这是 yii 的核心 ajax 调用

在您的视图中添加以下行。

<input type="hidden" id="baseUrl" value="<?php echo Yii::app()->getBaseUrl(true);?>">

在您的 js 文件中添加以下行。

function changeData(val1){

 var baseUrl = $('#baseUrl').val();
 var urlCI = baseUrl+'/Controller/actionMethod/;

 $.ajax({
        type: "GET",
        url: urlCI,
        data:{
            'action':'unset',
            'element' : 'someValue'
        },
        success: function(response) {
            if(response!=''){
                //do whatever work you want
                return true;
            }
            else{
                return false;
            }
        }
    });

}

Answer 2

好的，我现在开始工作了，我在站点视图下创建了一个文件。现在我这样称呼它：

$(document).ready(function(){
    $('.glyphicon-trash').click(function(){
        var session = 'session';
        $.getJSON("<?php echo Yii::app()->baseurl; ?>/load?action=unset&session="+session, function(data) {
            location.reload(true); //<---- this one does not work tho...
        });
        setInterval(function(){location.reload(true);}, 500);
    });
});

Answer 3

您不得对网址进行硬编码。您必须按照@Grimv01k 的建议使用createUrl() 或createAbsoluteUrl()。在视图或控制器中时，您可以通过

$this->createUrl( 'foo/bar',array('id'=>321) )

其他方式：

Yii::app()->controller->createUrl('/baz/foo/bar'); // will use current controller

或

Yii::app()->createUrl('/baz/foo/bar')

已编辑

如果你愿意

当用户点击图标时取消会话

您可以通过以下方式做到这一点。

echo CHtml::ajaxLink(
    'click me to destroy session, mua-ha-ha',
    Yii::app()->createUrl( '/session/destroy' ),
    array(
        'type' => 'post',
        'dataType' => 'json',
        'data' => array(
            'foo' => 'bar',
        ),
        'beforeSend' => 'js:function(){
            console.log( $(this) );
            return false;
        }',
        'success' => 'js:function(data){
            console.log(data);
        }',
    )
);

在SessionController:

public function actionDestroy () {
    if ( isset( $_POST['foo'] ) ) {
        Yii::app()->session->destroy();
        if ( Yii::app()->request->isAjaxRequest ) {
            $response = array(
                'status' => !Yii::app()->session->sessionID
            ) ;
            echo CJSON::encode( (object) $response );
            Yii::app()->end();
        }
    }
}