Jquery 如何使用codeigniter将数据传递到ajax？

我是当前使用的Codeigniter，我想在菜单上创建通知 内部控制器

class Notes extends Frontend_controller{

    public function __construct() {
        parent::__construct();
    }
    public function index(){

        $this->data['data'] = array(
            'fuck'=>'fuck',
            'fucks'=>'fuckf',
            'fuckf'=>'fucks',
        );
        $this->load->view('templates/notification/notification',$this->data);
    }
}

这是我要查看的回显数据 鉴于

    <li>
       <?PHP foreach($data as $data ){
        echo $data;
      } ?>
   </li>

最后我调用jQueryAjax

<script>
    $(function() {
        var data = document.getElementsByTagName("li").val();
        $.ajax({
            type: "POST",
            url: "<?PHP echo base_url("/notes/notes") ?>",
            data: data,
            contentType: 'application/json; charset=utf-8',
            dataType: 'html',
            async: true,
            cache: false,
            success: function(res) {
                $("#notes").html(res);
            }
        });
        return false;
    });
</script>

$（函数（）{
var data=document.getElementsByTagName（“li”）.val（）；
$.ajax({
类型：“POST”，
url:“”，
数据：数据，
contentType:'application/json；charset=utf-8'，
数据类型：“html”，
async:true，
cache:false，
成功：功能（res）{
$（“#notes”）.html（res）；
}
});
返回false；
});

结果我得到一个错误如下

我现在该怎么办？请帮忙

---

未捕获引用错误：$未定义

您可能没有在代码中包含JQuery

哦，您是对的，因为我将JQuery库放在Ajax调用的下面，谢谢