Yii中Ajax的使用，如收藏功能

view中

<?php

$cs=Yii::app()->clientScript;

$cs->registerScriptFile('http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js');

?>







<!-- ▼显示提示信息▼ -->

<?php if(Yii::app()->user->hasFlash('success')){ ?>

<div class="flash-success">

    <?php echo Yii::app()->user->getFlash('success'); ?>

</div>

<?php } ?>



<?php if(Yii::app()->user->hasFlash('failed')){ ?>

<div class="flash-error">

    <?php echo Yii::app()->user->getFlash('failed'); ?>

</div>

<?php } ?>

<!-- ▲显示提示信息▲ -->









<div class="row">

<?php echo $form->textField($model,'cnt',array('size'=>'6', 'maxlength'=>'6'));?>

<?php echo CHtml::ajaxButton("随机生成邮件地址", 

        //CHtml::normalizeUrl(array('mail/makeMailAddress','count'=>'1')),   // GET方式进行请求

        CHtml::normalizeUrl(array('mail/makeMailAddress')),   // GET方式进行请求

        array(

            'data' => array('cnt'=>'js: $("#MailForm_cnt").val()'),  // 以GET方式将页面的值传递给后台

            'beforeSend'=>'function(){}',

            'update'=>'#MailForm_to',      // 更新对象 

            'success'=>'function(data){    

               $("#MailForm_to").val(data);

            }',                            // 将后台的返回值用JS显示在页面上

        )); ?>

</div>

Controller 中

    public function actionMakeMailAddress(){

        if(Yii::app()->request->isAjaxRequest){

            if (isset($_GET["cnt"])){

                $cnt = is_numeric($_GET["cnt"]) ? $_GET["cnt"] : "0";

            } else {

                $cnt = 1000 ;

            }

            

            $data = "";

            for($i = 0 ; $i < $cnt ; $i++) {

                $data .= rand(10000000, 99999999)."@qq.com \n" ;

            }

            echo $data;

        } else {

            Yii::app()->user->setFlash("failed", "Request Error \n");

            $this->refresh();

        }

    }

From: http://shoukii0721.iteye.com/blog/1576381

 

其它参考链接：

http://www.yiichina.com/api/CHtml#ajaxButton-detail

http://www.yiichina.com/api/CHtml#ajax-detail

http://api.jquery.com/jQuery.ajax/#options

 

http://shoukii0721.iteye.com/blog/1576381

http://blog.csdn.net/dreamzml/article/details/8642229

 

以及zii.widgets.grid.CGridView删除按钮JS：

jQuery(document).on('click','#user-grid a.delete',function() {

    if(!confirm('确定要删除这条数据吗?')) return false;

    var th = this,

        afterDelete = function(){};

    jQuery('#user-grid').yiiGridView('update', {

        type: 'POST',

        url: jQuery(this).attr('href'),

        success: function(data) {

            jQuery('#user-grid').yiiGridView('update');

            afterDelete(th, true, data);

        },

        error: function(XHR) {

            return afterDelete(th, false, XHR);

        }

    });

    return false;

});

 其HTML：

<tr class="odd"> 

<td>1</td><td>demo</td><td></td><td></td><td>0</td><td class="button-column"><a title="查看" href="/index.php/user/1"><img src="/assets/2b2efa90/gridview/view.png" alt="查看" /></a> <a title="修改" href="/index.php/user/update/1"><img src="/assets/2b2efa90/gridview/update.png" alt="更新" /></a> <a class="delete" title="删除" href="/index.php/user/delete/1"><img src="/assets/2b2efa90/gridview/delete.png" alt="删除" /></a></td><td class="button-column"><a style="cursor:pointer;" class="add_status" title="展示" href="/index.php/user/status/1?status=1">展示</a> </td></tr> 

 

收藏功能、顶、踩 等可参考开源中国上的相关JS：

http://my.oschina.net/u/1403186/blog/179641

http://www.oschina.net/code/snippet_197014_17646