php jquery 百度搜索,基于jQueryUI和Corethink实现百度的搜索提示功能

先给大家展示下效果图：

目录：

这里是以corethink模块的形式，只需要安装上访问

index.php?s=/test/index

1.建好模块目录，写好模块的总体文件

opencmf.PHP

return array(

// 模块信息

'info' => array(

'name' => 'Test',

'title' => 'Test',

'icon' => 'fa fa-newspaper-o',

'icon_color' => '#9933FF',

'description' => 'Test',

'developer' => 'pangPython',

'website' => 'http://blog.csdn.net/u012995856/',

'version' => '1.3.0',

'dependences' => array(

'Admin' => '1.3.0',

)

),

// 用户中心导航

'user_nav' => array(

),

// 模块配置

'config' => array(

),

// 后台菜单及权限节点配置

'admin_menu' => array(

'1' => array(

'id' => '1',

'pid' => '0',

'title' => 'Test',

'icon' => 'fa fa-newspaper-o',

),

'2' => array(

'pid' => '1',

'title' => '内容管理',

'icon' => 'fa fa-folder-open-o',

),

)

);

2.写控制器

IndexController

namespace Test\Controller;

use Think\Controller;

use Home\Controller\HomeController;

/**

*

*/

class IndexController extends HomeController{

public function index()

{

$this->display();

}

public function mydata($keyword){

if ($keyword==11) {

echo '["pangPython","HelloWorld"]';

}else{

echo '["ActionScript",

"AppleScript",

"Asp",

"BASIC",

"C",

"C++",

"Clojure",

"COBOL",

"ColdFusion",

"Erlang",

"Fortran",

"Groovy",

"Haskell",

"Java",

"JavaScript",

"Lisp",

"Perl",

"PHP",

"Python",

"Ruby",

"Scala",

"Scheme"]';

}

}

}

3.写前台文件

index.html

Autocomplete

var url ="{:U('test/index/mydata')}";

$( "#autocomplete" ).autocomplete({

minLength: 2,

source: function(request,response){

$.getJSON(

url,{

keyword:request.term

},

function(data,status,xhr){

response(data);

}

);

}

});

以上所述是小编给大家介绍的基于jQueryUI和Corethink实现百度的搜索提示功能,实现一个模拟后台数据登入的效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！