>大家好，這裡是「 從零開始學 Web 系列教程 」，並在下列地址同步更新...... > > - github：https://github.com/Daotin/Web > - 微信公眾號：[Web前端之巔](https://github.com/Daotin/pic/raw/master/wx.jpg) > - 部落格園：http://www.cnblogs.com/lvonve/ > - CSDN：https://blog.csdn.net/lvonve/ > > 在這裡我會從 Web 前端零基礎開始，一步步學習 Web 相關的知識點，期間也會分享一些好玩的專案。現在就讓我們一起進入 Web 前端學習的冒險之旅吧！  # 介面文件的使用 需求：使用介面文件驗證使用者名稱、郵箱、手機的唯一性 ## 介面文件 當前端介面需要從伺服器獲取資料的時候，其實就是眼訪問一個 URL 地址，指定特定的引數即可。這個 URL 對應的是 php 或者 jsp 等都是伺服器開發人員已經開發好了。伺服器開發人員開發好相關的介面之後，會提供一份介面文件給前端開發人員，在介面中會詳細說明你要獲取什麼資料，訪問什麼地址，傳入什麼引數等等內容，下面就是一個簡單介面文件的內容： **驗證使用者名稱唯一性的介面** | 地址 | /server/checkUsername.php | | ------- | --------------------------------- | | 作用描述 | 驗證使用者名稱是否可用 | | 請求型別 | get 請求 | | 引數 | uname | | 返回的資料格式 | 普通字串 | | 返回資料說明 | 返回 ok：代表使用者名稱可用； 返回 error：代表使用者名稱不可用。 | **驗證郵箱唯一性的介面** | 地址 | /server/checkEmail.php | | ------- | -------------------------- | | 作用描述 | 驗證郵箱是否可用 | | 請求型別 | post 請求 | | 引數 | e | | 返回的資料格式 | 數字 | | 返回資料說明 | 返回 0：代表郵箱可用； 返回 1：代表郵箱不可用。 | **驗證手機號唯一性的介面** | 地址 | /server/checkPhone.php | | ------- | ---------------------- | | 作用描述 | 驗證手機號是否可用 | | 請求型別 | post 請求 | | 引數 | phonenumber | | 返回的資料格式 | json格式 | | 返回資料說明 | 如下： | ``` 手機號可用情況下返回如下： { "status":0, "message":{ "tips":"手機號可用", "phonefrom":"中國電信" } } 手機號不可用情況下返回如下： { "status":1, "message":"手機號已被註冊" } ``` ## 示例程式碼 ```html

使用者註冊

使用者名稱：
郵箱：
手機：
``` > 書寫以上程式碼的過程中，完全不需要檢視對應的 php 檔案，只需要檢視介面文件就可以搞定。 ## 程式碼第一步封裝 上面驗證使用者名稱，郵箱和手機號的時候，都是使用的 Ajax 的四部操作，有很多程式碼冗餘，所以將 Ajax 的四步操作封裝在一個函式中很有必要的。 ```html

使用者註冊

使用者名稱：
郵箱：
手機：
``` 仍然存在的問題： 1、引數的順序不可改變； 2、引數沒有預設值，所有的引數必須傳遞。 ## 程式碼進一步封裝 將需要傳入的引數做成一個物件，這個物件所有的有預設引數，如果沒有傳入一些引數的話，使用預設引數代替；如果傳入了相關引數，則覆蓋掉預設引數。 ```html

使用者註冊

使用者名稱：
郵箱：
手機：
``` > 進一步封裝後的函式為： myAjax2({})； 裡面是一個物件。使用預設物件的方式，不僅可以解決傳入引數順序不一致的問題；還可以解決不傳引數時預設值的問題。