Ajax与仿百度跨域搜索

对Ajax一直都是比较模糊的状态,先前因为考试等原因将它搁置了挺久的,最近考试都差不多结束,终于有时间能好好玩一下Ajax,目前它已经成为前端人员必备技能。

其实,Ajax本身用起来也不是很难,这里模仿jQuery的方式,封装了一个Ajax的简单函数。用法基本上与jQuery一样,全局调用ajax函数,接受一个json作为参数:

  ajax({
    {
       url: 'xxxx.com',
       type: 'GET',  // get or post
       data: { name: 'Joker', age: 22 },  // 仅支持json格式
       dataType: 'json',  // json or jsonp
    };
  })

有兴趣的朋友可以看看源码,戳这里

接着做了一个小demo,仿百度跨域搜索 预览地址源码
该项目已经适配大部分PC端和移动端,能够像原生百度一样,输入你要搜索的内容,并弹出下拉框,支持点击搜索或者点击下拉框的内容进行搜索,也支持键盘进行上下选择。部分截图:

输入关键字
可用上下键进行调节
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容