在實現(xiàn)ajax的一些案例效果時谒拴，配置本地寫的案例歼疮，使用服務器地址訪問跃捣，讓學習更加的有趣枷颊。
一：下載安裝nodejs和安裝express框架
進入這個nodejs中文網(wǎng)鏈接 下載nodejs
選擇對應的版本然后下載安裝就好了泽论，完了驗證下nodejs安裝是否成功艾少。輸入node -v命令查看版本，再輸入npm -v命令查看npm版本
安裝好接下來就可以愉快地使用啦~?
二：搭建原生的nodejs本地服務器
簡單測試下：在安裝目錄下新建一個Server文件夾翼悴，用來存放代碼文件缚够，進入新建一個server.js文件，寫入代碼
按住shift再右鍵Server文件夾，選擇“在此處打開命令窗口”谍椅，然后就輸入node server.js误堡，回車就開啟了本地服務器了。（PS: Node.js是運行在服務器端的雏吭，alert（）方法不能使用锁施，如果要打印輸出信息，推薦使用console.log()方法）杖们。執(zhí)行效果圖如下：
三：使用express框架搭建本地服務器
安裝框架之前先把NPM鏡像改成淘寶鏡像悉抵，在文件夾打開命令行窗口執(zhí)行命令：npm config set registry https://registry.npm.taobao.org?
然后全局安裝express命令安裝工具? 輸入命令： npm install -g express-generator
再安裝express框架? 輸入命令： npm install -g express?
安裝成功后就可以使用express框架構建項目了
如輸入命令： express myStudy -e 創(chuàng)建項目， 再cd 進入該目錄摘完，輸入命令：npm install 安裝組件 基跑，最后執(zhí)行命令：npm start 啟動項目
需要注意的是：如果修改了nodejs服務器端的代碼（除了views文件夾下的模板文件），都需要重啟服務器才會生效描焰，比如直接關掉命令行窗口就關掉了服務器了，或者在命令行窗口中輸入Ctrl+C栅螟，再選擇Y關閉荆秦，然后再重新執(zhí)行 npm start 命令啟動服務器
修改app.js文件，讓其可以識別views文件夾下的html文件
簡單介紹下什么是路由力图？通俗的講路由就是訪問路徑步绸，不同的訪問路徑會執(zhí)行執(zhí)行不同的處理邏輯。每一個路由都可以有一個或者多個處理器函數(shù)吃媒，當匹配到路由時瓤介，這些函數(shù)將被執(zhí)行。
路由分離：把某一類相關的路由放到同一個文件夾中赘那，而項目的入口文件app.js需要把這些路由文件包含進來刑桑，在訪問不同路由的時候，把用戶的請求轉發(fā)給相關的路由文件來進行處理募舟。
四祠斧、結合ajax實現(xiàn)一個小Demo（古詩默寫）
html的一些代碼如下：
JavaScript的一些代碼如下：
app.js框架代碼修改如下：
注：由于我把在ajax文件放到服務器上去執(zhí)行 ，所以不會產(chǎn)生跨域問題拱礁，所以下面的跨域問題那行代碼不用理琢锋，關于跨域問題以后我再總結。注意看我看框起來的地方呢灶，表示路由
最后啟動服務器吴超，然后就可以在瀏覽器輸入路由地址訪問啦~??? 最后的效果如下圖：
總結：到此本文就結束了，這陣子學習了點前端ajax搭配nodejs服務器鸯乃，跟著書本來學的鲸阻，如有錯誤請指正，不勝感激
