對Ajax一直都是比較模糊的狀態(tài)，先前因為考試等原因將它擱置了挺久的，最近考試都差不多結束，終于有時間能好好玩一下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端和移動端，能夠像原生百度一樣，輸入你要搜索的內容，并彈出下拉框，支持點擊搜索或者點擊下拉框的內容進行搜索，也支持鍵盤進行上下選擇。部分截圖：

輸入關鍵字

可用上下鍵進行調節(jié)