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