CodeIgniter:使用jQuery设置jQuery并将数据发布到Controller

时间:2012-05-27 04:42:26

标签: codeigniter

我添加了

<script type="text/javasript" src="<?=base_url()?>js/jquery-1.7.2.min.js"></script>

application / views / templatess / header.php 中,并使用jQuery将数据发布到控制器我写了

<script>

$(document).ready(function(){

    $('#submit').click(function() {
        $.ajax({
            type : 'POST',
            url : '/projects/create',
            data: {
                pro_name : $('#pro_name').val()
            },
            success:function (data) {
                $("#log_msg").html(data);
            }          
        });
    });

});
</script>

在我的视图文件中: application / views / project / create.php ,控制器存在于 application / controllers / projects.php

在我的名为 create.php 的视图中,完整代码为:

<label for="pro_name">Project Name</label>
<input type="input" id="pro_name" name="pro_name" />
<br />
<input type="submit" id="submit" name="submit" value="Create" />

<script>

$(document).ready(function(){

    $('#submit').click(function() {
        $.ajax({
            type : 'POST',
            url : '/projects/create',
            data: {
                email : $('#pro_name').val()
            },
            success:function (data) {
                $("#log_msg").html(data);
            }          
        });
    });

});
</script> 

我的控制器命名项目包含

class Projects extends CI_Controller {
    public function __construct()
    {
        parent::__construct();
        $this->load->model('projects_model');
        $this->load->helper('url');
        $this->load->helper('html');

        $this->load->helper('form');
        $this->load->library('form_validation');
    }

    public function create()
    {
        echo $this->input->post('pro_name');

        $data['title'] = 'SPARCS | Create Project';

        $this->form_validation->set_rules('pro_name', 'Name', 'required');
        $this->form_validation->set_rules('pro_client', 'Client', 'required');
        $this->form_validation->set_rules('pro_loc_city', 'City', 'required');
        $this->form_validation->set_rules('pro_loc_state', 'State', 'required');
        $this->form_validation->set_rules('pro_size', 'Project Size', 'required');      
        $this->form_validation->set_rules('pro_desc', 'Description', 'required');

        if ($this->form_validation->run() === FALSE)
        {
            $this->load->view('templates/header', $data);   
            $this->load->view('projects/create');
            $this->load->view('templates/footer');

        }
        else
        {
            // If project name already exists?

            $query = $this->projects_model->if_exists($this->input->post('pro_name'));

            if ( sizeof($query) == 0) {

                //$this->projects_model->set_project();             
                $data['message'] = 'Add successfully';

            } else {

                $data['message'] = 'Project name already exists';
            }

            $this->load->view('projects/log_message', $data);
        }
    }
}

但浏览器说$ is not defined

现在请告诉我如何在 CodeIgniter 中设置jQuery以及将数据传递到控制器的正确方法,并显示从控制器

1 个答案:

答案 0 :(得分:0)

是否有可能在代码中的某个地方,jQuery被设置为“safe mode”?

尝试将逻辑包装在匿名函数中,如下所示:

​(function($) {
    // insert logic here
})(jQuery)​

此功能的任何内容都可以保证$作为jQuery的快捷方式。