导读:建站文章建站文章你使用过百度吧~~你知道当你输入关键词的一部分时,关键词的剩下的部分会提示出来的,如此神奇的效果对于wordpess是前所未有的,大致的意思是,你输入关键字,会网站怎么搭建建站技术模板。
你使用过百度吧~~你知道当你输入关键词的一部分时,关键词的剩下的部分会提示出来的,如此神奇的效果对于wordpess是前所未有的,大致的意思是,你输入关键字,会自动提示搜索结果,当然是不影响enter进入搜索页面的,看上去高端大气上档次~你可以去感受下,实用性就不做评价了,重要的是可以装逼~废话不多数,let’s do it.首先要改装你的search.php,让这货可以返回json数据,把 get_header() 替换成下面的代码。
<code><?php
if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'){
$array_posts = array ();
if (have_posts()) :
while (have_posts()) : the_post();
array_push($array_posts, array("title"=>get_the_title(),"url"=>get_permalink()));
endwhile;
endif;
echo json_encode($array_posts);
} else {
get_header(); ?></code>
把 get_footer() 替换成下面的代码
<code><?php get_footer();}?></code>
这样就能返回json数据了,然后还得装修下你的搜索样式,主要是为提示结果做定位的。
<code><div id="search-container" class="ajax_search">
<form method="get" id="searchform" action="<?php echo esc_url(home_url('/')); ?>">
<div class="filter_container"><input type="text" value="" autocomplete="off" placeholder="输入内容并回车" name="s" id="search-input"/><ul id="search_filtered" class="search_filtered"></ul> </div>
关键词标签: 建站 div 提示
声明: 本文由我的SEOUC技术文章主页发布于:2023-07-23 ,文章wordpress ajax实现搜索提示,建站文章主要讲述提示,div,建站网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_34887.html