Yii ajax 问题

Question

我之前创建了一个question，我想在其中了解在 Yii 中使用 ajax 的工作原理。所以，我正在尝试实现一个答案。 我创建了控制器并放入控制器目录：

<?php
class AjaxController extends CController
{
    public function actionDoThing()
    {
        // Get request object
        $request = Yii::app()->request;

        // Check if request is acceptable
        if ($request->isPost && $request->isAjaxRequest)
        {
            echo CJSON::encode(array('hello'=>'world'));
        }
        // else
        // {
        //     throw new CHttpException(403);
        // }
    }
}
?> 

我的视图中还有这个带有脚本的片段。

<script>
$(document).on('click','div.lessonDiv', function() {
    $.ajax({
        type: "POST",
        url: <?php /*Also I tried just DoThing instead of actionDoThing, this doesn't work*/echo $this->createUrl('AjaxController/actionDoThing'); ?>,
        success: function(data, textStatus, jqXHR) 
        {
            console.log(data);
        }
    });
});
</script>

不知道怎么回事，但控制台说：

Uncaught SyntaxError: Invalid flags supplied to RegExp constructor 'actionDoThing'

我现在哪里错了？

Answer 1

您似乎忘记了 URL 周围的引号：

$.ajax({
    type: "POST",
    url: "<?php echo $this->createUrl('AjaxController/actionDoThing'); ?>",
    success: function(data, textStatus, jqXHR) {
        console.log(data);
    }
});

Answer 2

首先

将Js代码封装在里面

$(function{
// your code here
});

所以你的代码看起来像

 $(function(){
    $(document).on('click','div.lessonDiv', function() {
        $.ajax({
            type: "POST",
            url: "<?php echo $this->createUrl('AjaxController/actionDoThing'); ?>",
            success: function(data, textStatus, jqXHR) 
            {
                console.log(data);
            }
        });
    });

});

第二件事：

将 AjaxController/actionDoThing 更改为 ajax/doThing

所以你的最终代码会是这样的

    $(function(){
    $(document).on('click','div.lessonDiv', function() {
        $.ajax({
            type: "POST",
            url: "<?php echo $this->createUrl('ajax/doThing'); ?>",
            success: function(data, textStatus, jqXHR) 
            {
                console.log(data);
            }
        });
    });

});