使用ajax搜索我网站上的帖子

时间:2013-02-18 12:11:58

标签: php jquery ajax

大家好我想创建一个搜索输入,搜索我的所有帖子并显示匹配的帖子:

我有一个看起来像这样的工作代码:

html:

<form action="" method="post"> 
            <input type="text" id="search_posts" value="" />
    </form>

jquery的:

$(document).ready(function()
{
    $("#search_posts").keyup(function()
    {        

        var posts = $(this).val();        

        $(".posted_post").each(function()
        {
            if ($(this).text().search( new RegExp(posts, "i") ) < 0) 
            {
                $(this).fadeOut();
            } 
            else 
            {
                $(this).show();
            }
        });
    });
});

但现在我没有做任何数据库搜索和东西...我可以用ajax转换它吗? 那怎么样?

2 个答案:

答案 0 :(得分:0)


是的,您可以将其更改为使用ajax,请尝试:

$(".posted_post").each(function()
{
$.ajax({
    url : 'yourphpfunction.php',
    data: {posts},  
    success : function(data){
         $(this).show();
    }
});
}

现在你需要制作一些php函数来处理你的帖子var值并将一些东西归还给你的phmtml。

上的那个


答案 1 :(得分:0)

如果只是传递ajax,请看一下: [http://jqapi.com/#p=jQuery.post] [1]

你的问题不清楚。那你在做什么? 如果你想抓取你的数据库,那么我建议你为它构建任何类型的REST服务,以JSON格式返回结果,然后使用

将其映射到jQuery对象
var i = $.map(result);

使用此功能,您可以将模板附加到ul列表,例如使用$(object').each(function(item){ });