前面的話：

    在上周本來想發(fā)一篇模仿必應(yīng)搜索的界面。但是在準(zhǔn)備寫文章之前突然想到前面學(xué)習(xí)了ajax技術(shù)，在這里我也讓我的頁面有一種不需要手動刷新就能獲取到數(shù)據(jù)。但是發(fā)現(xiàn)用前面的方法并不能獲取到我想要的效果。無奈前幾天電腦換系統(tǒng)，把之前的源碼丟了（前面有個不好的習(xí)慣就是把最近在做的東西放桌面）。今天想徹底把這個問題搞明白。

用jquery和ajax進(jìn)行初步的嘗試：

（本代碼是參考慕課網(wǎng)，搜索框制作視頻制作，有關(guān)具體詳情請參考視頻。自己之前的代碼找不到了，之前最先的想法也是來自那里，所以這次直接用那里的代碼）
html代碼：

電腦培訓(xùn),計算機(jī)培訓(xùn),平面設(shè)計培訓(xùn),網(wǎng)頁設(shè)計培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

    <div class="bg-div">  
        <div class="search-box">  
            <div class="logo"></div>  
            <form id="search-form">  
                <input type="text" class="search-input-text" autocomplete="off" name="q"&nbs