最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > wordpress ajax实现搜索提示,建站文章

wordpress ajax实现搜索提示,建站文章

时间:2023-07-23 10:07:23 阅读: 文章分类: 网站建设 作者: 网站开发者

导读:建站文章建站文章你使用过百度吧~~你知道当你输入关键词的一部分时,关键词的剩下的部分会提示出来的,如此神奇的效果对于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

    我的IDC 网站建设技术SEOUC.COM
    专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章