如何使用javascript / jquery调用CodeIgniter控制器中的函数?

时间:2013-11-11 22:37:11

标签: javascript php jquery codeigniter


我一直试图弄清楚如何在javascript / jquery脚本中调用控制器中的函数。该函数称为 do_search ,我需要从视图中的脚本调用它。它需要在else条件下调用。我在互联网上找到的只是使用AJAX,但无论如何我都会将用户转发到新页面,所以我只需要调用该函数。 我要提前感谢您阅读本文,最重要的是感谢您的回复。
控制器

<?php
class Test extends CI_Controller {

    public function __construct() {

        parent::__construct();


    }

    public function index() {

        $this->load->view('test_view');

    }

    public function do_search() {
        <!-- Implementation of search query to the DB -->
        $this->load->view('search_results_view');
    }
}

查看

<body>
    <form>
        <div id="navigation_bar">
            <div id="search">
                <form>

                    <div id="do_search_btn" class="menu" style="display: none;">
                        <p id="center">Do Search</p>
                    </div>

                    <div id="search_field" class="menu" style="display: none;">
                        <input type="text" name="search_field_input" id="search_input" value="Type in here">
                    </div>

                </form>
            </div>
        </div>
        <script type="text/javascript">

                $( "#do_search_btn" ).click(function() {

                    var input = $("[name='search_field_input']").val();

                    if(input ==""){
                    $("[name='search_field_input']").val("Enter search 1st");

                    }
                    else if(input=="Type in here")
                    {
                        $("[name='search_field_input']").val("Enter search 1st");
                    }
                    else if(input=="Enter search 1st")
                    {
                        $("[name='search_field_input']").val("Enter search 1st");
                    }
                    else {
                    <!-- CALL THE FUNCTION FROM THE CONTROLLER HERE PLEASE -->
                    }
                });
        </script>
    </form>
</body>

1 个答案:

答案 0 :(得分:0)

由于您正在使用jQuery,因此使用ajax调用控制器中的函数很简单。一个例子:

if(input ==""){
   $("[name='search_field_input']").val("Enter search 1st");
}
else if(input=="Type in here")
{
   $("[name='search_field_input']").val("Enter search 1st");
}
else if(input=="Enter search 1st")
{
   $("[name='search_field_input']").val("Enter search 1st");
}
else {

   $.ajax({
            type:'POST',
            url:'test/do_search',
            data:{'search':input},
            success:function(data){
                $('#resultdiv').html(data);
            }
        });
}

在控制器中,您可以访问发布的数据,如下所示:

public function do_search() {
$search = $this->input->post('search');
<!-- Implementation of search query to the DB -->
$this->load->view('search_results_view');
}

#resultdiv只是<div>您可以根据需要放置搜索结果。