2017.11.30 Reat前後端資料互動之Button提交資料處理（ajax方法單獨封裝成API，不用Form）

標籤：mon   input   編寫   提交資料   頁面   定義   目的   匯入   button   

1.按鈕定義：

 

2.引入外部js檔案（封裝了ajax方法的檔案）：注意目錄結構

 

3.調用ajax檔案中的具體方法：

 

 4.關於ajax檔案中方法的編寫文法：

寫法一：

寫法二：

寫法二對應的調用該方法的寫法：

 ##var mongoose = module.exports = exports = new Mongoose;

 

 

5.ES6中export、import與export default區別：

export與export default均可用於匯出常量、函數、檔案、模組等，你可以在其它檔案或模組中通過import+(常量 | 函數 | 檔案 | 模組)名的方式，將其匯入，以便能夠對其進行使用，但在一個檔案或模組中，export、import可以有多個，export default僅有一個。 

 

6.關鍵的一步：React擷取頁面DOM（Input）的資料：

（1）按鈕綁定事件：

（2）給不同的輸入框綁定不同的Onchange函數：

 

 （3）編寫不同輸入框對應的不同狀態改變函數，目的在於不同輸入框對應不同參數：

 

（4）提交按鈕綁定的事件函數可以調用不同狀態參數：

 

2017.11.30 Reat前後端資料互動之Button提交資料處理（ajax方法單獨封裝成API，不用Form）