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