Hghlight搜索词

Question

1.如何突出显示返回的搜索项或结果中的数据，例如ctr f在打开文件中使用普通项/元素搜索的方式。2.添加json自动完成，即当用户基于数据库数据在搜索栏中键入时给出建议这是我的视图代码，但它所做的只是返回结果，而没有真正突出显示搜索项。任何帮助pliza：

@view_config（route_name=“search”，renderer='./templates/search.mako'，permission=“view”）def search（请求）：search=request。帕玛斯。获取（“搜索”和“）
dbsession=dbsession（）

##Album Results
query = dbsession.query(Album).join(Artist).join(Genre).join(Song).\
    filter(

        or_(
            Album.album_name.like(search + "%"),
            Artist.artist.like(search + "%"),
            Genre.genre.like(search + "%"),

            )
        )
statalbum = dbsession.query(Album).join(Artist).join(Genre).join(Song).\
    filter(

        or_(
            Album.album_name.like(search + "%"),
            Artist.artist.like(search + "%"),
            Genre.genre.like(search + "%"),

            )
        ).count()

# Songs Results

dbsession = DBSession()
songs = dbsession.query(Song).\
    filter(Song.title.like(search + "%") )

statsong = dbsession.query(Song).\
    filter(Song.title.like(search + "%") ).count()

# paginate 
page_url = paginate.PageURL_WebOb(request)
albums = Page(query, 
                 page=int(request.params.get("page", 1)), 
                 items_per_page=12, 
                 url=page_url)
# paginate songs
songs = Page(songs, 
                 page=int(request.params.get("page", 1)), 
                 items_per_page=12, 
                 url=page_url)
try:
    genres = DBSession.query(Genre).order_by(Genre.genre).all()
    info = DBSession.query(Song).join(Album).filter_by(id=id).filter(Song.album_id == Album.id ).first()
    #albums = DBSession.query(Album).all() 

except DBAPIError:
    return Response(conn_err_msg, content_type='text/plain', status_int=500)
return {  'genres':genres, 'info':info, 'songs':songs, 'albums':albums, 'statsong':statsong, 'statalbum':statalbum, 'project': 'beatstore'}

Answer 1

>

.突出显示{背景色：#FFFF00；}

要突出显示一个单词，你必须将其括在突出显示的类的范围内，如下所示：

<span class="highlighted">This is highlighted text</span>

至于从数据库中检索JSON，您必须从Javascript创建一个AJAX调用，调用服务器来获取建议。您可能必须在键盘事件上绑定AJAX调用；类似于：

$（"#文本字段"）. keyup（函数（）{

$.getJSON("/url_to_suggestions", function(data) {

    $.each(data, function(key, val) {

        //Do something with key and val

    }

); 

});