Question

我知道我已经发布了30分钟之前，但我想我的搜索帖输入已接近：

我创建了一个看起来像这样的模型

    function matchPosts($keyword)
{
    $this->db->get('posts');
    $data = array();
    $query = $this->db->query("SELECT title,body FROM posts WHERE title LIKE '%$keyword%' or body LIKE '$keyword%' AND status='published'");        
    if( $query->num_rows() > 0)
    {
        $data = $query->row_array();
    }       
    $query->free_result();
    return  $data;
}

我想从我的数据库中获得匹配，

控制器如下所示：

public function searchPosts()
{
    $keyword = $this->input->post('search_value', TRUE);

    $matched_field = $this->Model_cats->matchPosts($keyword);

    echo $keyword;

    if( count($matched_field) > 0)
    {
        $this->load->view('posts_list');
    }
    else
    {
        $this->load->view('posts_list');
    }
}

这是js文件

$(document).ready(function()
{
    $("#search_posts").keyup(function()
    {        
        var searchValue = $(this).val();

        $(".posted_post").each(function()
        {
               $.ajax({             
                    type: "POST",
                    url : "http://local.blog.com/welcome/searchPosts",
                    data: {
                        search_value: searchValue   
                    },  
                    success: function(data)
                    { 
                        if(data)
                        {
                            $(this).show(); 
                        }
                        else
                        {
                            $(this).fadeOut();      
                        }

                    }
                });
        });
    });
});

和视图：

    <br>    
<form action="" method="post"> 
        <label for="search_posts"><b>Search Posts</b></label>
        <input type="text" id="search_posts" value="" />
</form>

posts_list是我循环播放帖子的视图......

我亲近的？它在这种状态下不起作用。

Answer 1

将您的脚本编辑为

$("#search_posts").keyup(function()
{        
    var posts = $(this).val();        
    //$(".posted_post").each(function()
    //{
        $.ajax({
            url : 'http://local.blog.com/welcome/searchPosts',
            data: {posts},  
            success : function(data)
            {
                 $(this).show();
            }
        });
    //}
});

和

$matched_field = $this->Model_cats->matchPosts($keyword);

$ matched_field返回找到的搜索结果的数量.. ??然后你只需检查

if($matched_field)
{
      //Here you can print result of search
}
else
{
      //You can print No results found
}

Answer 2

在你的match_posts函数中，你使用的是num_rows （）在你的搜索帖子函数中，你从上面的函数收集结果，并使用===与布尔值true进行比较。尝试var dump以确认从num rows函数返回的值的类型。我想你正在将数字与布尔值进行比较。相反，您可以使用if count（匹配字段）＆gt; 0

Answer 3

<强>模型

class SomeModel extends CI_Model{

    /**
     * Get Posts
     * 
     * @param string LIKE param
     * @return mixed Object/Array or Boolean
     **/
    public function get_posts( $like ){

        $query = 
        $this->db
             ->select('id, title, body')
             ->like('title'   => $like)
             ->or_like('body' => $like) //not sure if your looking for FULLTEXTSEARCH on this body
             ->get_where('posts', array('status' => 'published'));


        return ( $query->num_rows() > 0) ? $query->result() : FALSE;
    }
}

<强>路线

//edit to match your class/method
$route['search/(:any)'] = 'welcome/search_posts/$1';

<强>控制器

class Welcome extends CI_Controller{

    public function search_posts( $like ){

        if( !$posts = $this->SomeModel->get_posts( $like ))
        {
            return show_404();
        }

        //return partial view without template
        return $this->load->view('public_home', array(
            'posts' =>  $posts
        ), TRUE);
    }
}

部分视图（适用于ajax）

/**
<ul>
    //<?php foreach($posts as $post): ?>
    <li>
        <a href=#>
            <h4><?php echo html_escape($post->title) ?></h4>
            <p>
                <?php echo html_escape($post->body) ?>
            </p>
        </a>
    </li>
    //<?php endforeach; ?>
</ul>
**/

<强> JQuery的

var SITEURL = "<?php echo site_url(); ?>";

;(function($){

    var search = {
        init: function(){

            if($('#search_posts'))
            {
                this.searchPosts();
            }

        },
        searchPosts : function(){

            var searchInput = $("#search_posts")
                result      = $("#result"),
                timeout     = '';

            //ajax request
            var doAjax = function( context, data ){
                $.ajax({
                    cache    : false,
                    url      : SITEURL + 'search/' + data.keyword,
                    dataType : 'html',
                    type     : 'POST',
                    data     : data,
                    context  : context,
                    success  : function( callback ){
                        $(this).html( callback ); //$(this) = context => $("#result")
                    }
                });
            };

            //delayed keyup event
            searchInput.on('keyup', function( event ){

                if(timeout) {
                    window.clearTimeout(timeout);
                    timeout = null;
                }

                //listen for keyup after delayed(1000)
                timeout = window.setTimeout(function(){
                    var inputVal = $(this).val();
                    var data     = {
                        'keyword'   : inputVal
                    }
                    return doAjax( result, data );//execute ajax function
                }, 1000);

            });




        }
    };

    $(function(){
        search.init();
    });

})(jQuery);

使用ajax完成我的搜索输入

3 个答案: