㈠ 前端怎麼調用api介面
方法/步驟
先定義一個簡單的webapi，簡單到差不多直接用vs2010自動生成的webapi代碼。
其中的TestModle是一個簡單的class，如下
public class TestModle
{
public string a { get; set; }
public string b { get; set; }
public string c { get; set; }
}
㈡ web前端怎麼調用api介面
1、首先需要確定第三方的介面的基本信息：地址、請求方式，參數、返回值，介面模式這里第三方的介面是restful風格的，採用get請求。
㈢ 如何處理好前後端分離的 API 問題
意義很大，但是你的問題本身認識有偏差。
對於前後端分離，認識上有個誤區，那就是很多人自稱：老早就分離了，全AJAX，使用Angular或者什麼什麼就可以了。
這個說法是不合適的，打個比方，別人問的是「如何解決家禽把蛋生在水草邊的問題？」，但實際上人家養的是鴨子，答題的卻是養雞的，所以回答「不讓去水邊就行了」，這顯然不在點子上。
這兩年業界說的前後端分離，是限於偏展示類的系統（用A代替），而不是應用、管控類Web項目（用B代替），在B類項目里，前後端是天然分離的，對此，除了少部分後端開發人員，基本所有人的認識都是一致的。上一段中這樣回答的人一般都是只做B類項目，在B類項目里，前後端分離是共識，不需要討論。
那麼，剩下的問題就是討論A類項目的前後端分離了。這個問題的核心在什麼地方呢，在於模板的與數據結合的位置，以及，模板的控制權在誰手裡。經過這兩年的討論，基本上我們可以達成的共識就是：模板應當由前端人員去控制，主要原因有兩方面：
- 性能優化（尤其是外部資源的管理與發布，請求合並等等）
- 協作的順暢性（已形成模板的界面片段的返工等問題）
那麼，模板到底應該在什麼地方跟數據結合？
這個問題就比較折騰了，有部分人嘗試像B類項目那樣，使用js模板，然後在瀏覽器端執行，這是存在一些問題的，比如說seo不友好，首屏性能不夠，尤其對於首頁DOM量很大的電商類網站，差距很明顯。
所以還是得把主要的模板放在服務端來執行。在這個過程中，阿里作了一些嘗試，那就是引入Node層，在這一層把模板與數據進行合成，然後瀏覽器拿到的就是生成好的HTML了，但也不是所有HTML都是這么生成好的，還是會有一些內容等到了瀏覽器之後，再用js去載入和生成。
㈣ MUI中的api是什麼意思，有什麼作用
api 全稱 Application Programming Interface，也就是應用程序介面的意思。
我舉個例子：用戶在一個商城通過客戶端進行了一些操作，我們要記錄用戶的這些操作並且做出處理回應就需要通過後端來處理，通過資料庫來保存相關信息，那麼前端和後端就是通過 api 來進行數據交互的。api(一般情況下我們開發都叫它做：介面)，例如用戶在購物車添加了一個商品，那麼前端就將這個商品的相關信息通過 api 發送給後端，後端進行處理，保存在資料庫，然後從資料庫返回新的記錄，前端再將新的數據顯示給用戶。
簡單點來說，pai 就是拿來傳遞數據的，當然api的作用不僅僅是前端和後端，還可以是前端和其他平台進行數據傳遞。
㈤ 前端用什麼圖標顯示api的主動調用和被動調用
將返回的data顯示到頁面就好了。大體上來講，介面一般指的是HTTP介面，也可以說是HTTPAPI。介面由後端提供，前端調用後端介面以獲取後端數據。
具體是說，前端是echarts圖表用來展現數據結果，底層是spark程序作了索引優化，以便於快速查詢的一套系統，可以快速查詢出所需要的數據。想把這個底層利用webAPI的方式發布出去，以便於前端直接調用。
前端其實就是個網頁，插入了echarts插件，能讓前段網頁調用webAPI來實現獲取其spark底層的返回結果，現在的前端，是一個傳統的jsp網頁，連接後台servlet，servlet直接JDBC連接傳統資料庫的一套東西，沒有把spark這一塊加上，spark項目能以webAPI的方式封裝發布出去，並被我的前端調用。
㈥ 前端什麼時候才有必要把api都集中寫到一個目錄下
，方便管理和維護。大大減少後期維護費用。介面少了怎麼寫都不影響，但是實際開發中介面太多，像你的那種寫法就得一個文件一個文件的改。麻煩。單頁面寫介面的話，要是你介面變動了，你還得一個一個頁面去找，或者全局搜索介面找，你想一哈，光是找介面就得花大半天時間，得不償失。exportdefault導出模塊，在main.jsy引入模塊並掛載到vue實例中，全局使用，方便管理和維護。大大減少後期維護費用。介面少了怎麼寫都不影響，但是實際開發中介面太多，像你的那種寫法就得一個文件一個文件的改。麻煩。單頁面寫介面的話，要是你介面變動了，你還得一個一個頁面去找，或者全局搜索介面找，你想一哈，光是找介面就得花大半天時間，得不償失。
api.js
㈦ 前端面試的時候，面試官問我:「你們項目的api是怎麼封裝的」，他所說的api是指的什麼
ApI就像一個接待員。假如你去一個飯店，當你一進門就會有接待員接待你。幫助你點菜，讓你享受更好的服務
㈧ 前端api是什麼 AJAX請求嗎
應用程序介面（英語：，簡稱：API），又稱為應用編程介面，就是軟體系統不同組成部分銜接的約定。其主要目的是讓應用程序開發人員得以調用一組常式功能，而無須考慮其底層的源代碼為何、或理解其內部工作機制的細節。
AJAX即「Asynchronous JavaScript and XML」（非同步的JavaScript與XML技術），指的是一套綜合了多項技術的瀏覽器端網頁開發技術。AJAX應用可以僅向伺服器發送並取回必須的數據，並在客戶端採用JavaScript處理來自伺服器的回應。
傳參在API設計中的一部分，API設計要注意：
是否支持跨域請求
是公共API還是私有API（哪些客戶端能訪問API）
判斷是不是移動設備
應該支持那些HTTP方法跟報頭
API中是否支持特定的用戶認證（Cookie）
新入手別慌，先做個同域的、沒用戶憑證的、用GET方法（都支持，不用設置）請求的API吧
㈨ 關於API的前後端分離的糾結
意義很大，但是你的問題本身認識有偏差。
對於前後端分離，認識上有個誤區，那就是很多人自稱：老早就分離了，全AJAX，使用Angular或者什麼什麼就可以了。
這個說法是不合適的，打個比方，別人問的是「如何解決家禽把蛋生在水草邊的問題？」，但實際上人家養的是鴨子，答題的卻是養雞的，所以回答「不讓去水邊就行了」，這顯然不在點子上。
這兩年業界說的前後端分離，是限於偏展示類的系統（用A代替），而不是應用、管控類Web項目（用B代替），在B類項目里，前後端是天然分離的，對此，除了少部分後端開發人員，基本所有人的認識都是一致的。上一段中這樣回答的人一般都是只做B類項目，在B類項目里，前後端分離是共識，不需要討論。
那麼，剩下的問題就是討論A類項目的前後端分離了。這個問題的核心在什麼地方呢，在於模板的與數據結合的位置，以及，模板的控制權在誰手裡。經過這兩年的討論，基本上我們可以達成的共識就是：模板應當由前端人員去控制，主要原因有兩方面：
- 性能優化（尤其是外部資源的管理與發布，請求合並等等）
- 協作的順暢性（已形成模板的界面片段的返工等問題）
那麼，模板到底應該在什麼地方跟數據結合？
這個問題就比較折騰了，有部分人嘗試像B類項目那樣，使用js模板，然後在瀏覽器端執行，這是存在一些問題的，比如說seo不友好，首屏性能不夠，尤其對於首頁DOM量很大的電商類網站，差距很明顯。
所以還是得把主要的模板放在服務端來執行。在這個過程中，阿里作了一些嘗試，那就是引入Node層，在這一層把模板與數據進行合成，然後瀏覽器拿到的就是生成好的HTML了，但也不是所有HTML都是這么生成好的，還是會有一些內容等到了瀏覽器之後，再用js去載入和生成。
所以這一定會是一個混合方案，同一個系統中存在兩種模板，一種在服務端執行，一種在瀏覽器中執行，互為補充。
至於說這個方案中，是否中間層一定要是node，無所謂，只要是能正常做web項目的東西都可以，這個還是要看所在企業的技術積累方向，當然node做這塊是有一些優勢的，比如對前端人員的語言友好性，前後端模板的通用性等等，但這些都是細節，重點還是整體方案和流程。
這時候回頭看問題中的這句：
> 前後端分離的意思是，前後端只通過 JSON 來交流，組件化、工程化不需要依賴後端去實現。
相信這里對前後端的限定是以瀏覽器為準的，但事實上，A類項目中，前後端的分界一定要延伸到伺服器端的模板層，也就是在這一層里，把各種來源的數據整合到模板中，這個數據未必是JSON格式的，會存在有JSON，XML，特定的二進制等等。
組件化這個話題就更復雜了，在剛才組織形式中，很難說出究竟什麼才是組件。是某個商品的模板嗎？是數據嗎？是數據和模板的結合體嗎？沒法回答。在此，說一句自己的看法：像電商這種項目的前端部分，基本不存在組件的概念，甚至不存在組件化的價值，因為這裡面可復用的東西太少了，也不易提取，大多數東西都是不帶邏輯的界面模板。
最近因為ReactJS的流行，帶來了一個Isomorphic的概念，這是一種很有意義的探索，但是否能解決這類問題，尚不得而知，根據我的理解，它對B類項目是較好的補充方案，但對A類項目暫時還缺乏可用性，因為A類項目中，運行期的DOM變更並不多，多是整片的改變，用這個方案去解決的話，有些牛刀殺雞的感覺。
㈩ rails怎麼給前端寫api實現前後端分離
Rails的初始准備見：Rails 處理跨站請求
准備完這個，接下來我們就只要管Control怎麼寫就行了。
首先來嘗試一下get，最簡單。
def index json_str = {"xx" => "hello"}.to_json render :json=>json_str, status=>'200' end
在這里我們用了一個to_json方法來處理，把Hash轉換為json格式，to_json方法是Rails中特有的，並非Ruby本身的方法。
接著我們就可以滾去前端了：
在需要調用的位置使用：$http.get('http://localhost:3000');，這是最簡單的獲取方法，當然我們自然不可能獲取了就走人，這只是一個測試，接下來我們要使用then來進行get之後的操作。
提示：使用$http接收之後json都會經過fromJson等一系列方法，務必保證收到的是JSON,否則會報錯。
.then(function(res) { console.log(res); angular.forEach(res.data, function(value, key) { $scope.message.push({author: key, content: value}); });});
我們把get的分號去掉，加上這個，為了確定res收到的是什麼，我們可以在控制台輸出看一下，res.data里存儲的就似乎收到的json（Object），用angular.forEach遍歷即可。
這樣一個簡單的get就完成了。
POST相比較之下就比較折騰了，但也不是很復雜，最主要的是要確定怎麼樣才能獲取POST的值，這里並沒有像$_POST這樣簡單的變數。
在Controller 詳解中我們知道：
如果在初始化腳本中開啟了 config.wrap_parameters 選項，或者在控制器中調用了 wrap_parameters 方法，可以放心的省去 JSON 格式參數中的根鍵。Rails 會以控制器名新建一個鍵，復制參數，將其存入這個鍵名下。因此，上面的參數可以寫成：
{ "name": "acme", "address": "123 Carrot Street" }
會自動進行轉換，然後就可以用對應控制器名來訪問。
這里我們檢查config>initializers的對應文件夾，發現默認開啟，，使用這個黑科技。
def create json_str = params[:article] json_str = json_str.to_json render :json=>json_str, status=>'200' end
我們的Controller是ArticlesController，所以很明顯的這樣子獲取傳進來的值，轉換為json，接著傳出（只是一個測試，理論上接下來要實驗寫入資料庫）。
接下來開始寫前端的部分：$http.post('http://localhost:3000/create', message)簡單的POST操作，嘗試是否成功獲取到值。
post的參數非常有意思：post(url, data, [config]);其中data可以傳入任意類型，他會盡可能的轉換成json傳入，之後獲取到的值也會用fromJson盡可能的轉換，供之後使用。
在post的之後是由是否成功來進行分支處理的，這里我們只寫success。
.success(function(res) { console.log(res); $scope.message.push({author: res.author, content: res.content});});
一樣，可以在控制台看看輸出的值，會發現是一個json的Object，沒有其他信息，直接使用即可。