一个基于jquey的自动完成与分页(7)

来源:未知 责任编辑:责任编辑 发表时间:2015-10-08 14:16 点击:

160         }
161     };
162
163     // 在输入框外的地方点击鼠标就隐藏下拉列表
164     $(document).click(function(e){
165         if(e.target.id != 'keyword'){
166             hideAutoComplete();
167         }       
168     });
169     // 开始ajax搜索
170     $('#submit').click(function() {
171         if ($('#keyword').val().trim() == '') {
172             $('#page').slideUp(500);
173             $('#list').slideUp(300);
174             $('#split').slideUp(500);
175
176             return;
177         }
178         $('#logo').hide(1000);
179         hideAutoComplete();
180         $.ajax({
181             url: 'jsearch',
182             type: 'get',
183             data: 'dt=' + encodeURIComponent($.now()) + '&bs=' + encodeURIComponent(getBrowserName()) + '&keyword=' + encodeURIComponent($('#keyword').val().trim()),
184             dataType: 'json',
185             success: function(data) {
186                 $('#split').slideDown(500);
187                 $('#kw_result').text($('#keyword').val().trim());
188                
189                 var list = data.list;
190                 var len = data.length;
191                 $('#list_length').text(len);
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • Gb2312转utf-8编码的方法(vbs+js)
  • 如何使用Ajax技术开发Web应用程序(1)
  • js跳转路径问题
  • JavaScript模仿桌面窗口
  • 2011年度最佳 jQuery 插件
  • jquery学习笔记---jqGrid学习笔记 完整整理
  • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
  • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
  • 用js检测两个线段是否相交
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1