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端和移动端，能够像原生百度一样，输入你要搜索的内容，并弹出下拉框，支持点击搜索或者点击下拉框的内容进行搜索，也支持键盘进行上下选择。部分截图：

输入关键字 可用上下键进行调节