1、APP與服務(wù)器之間的交互原理app端(客戶端)與服務(wù)端的交互其實理解起來和容易，客戶端想服務(wù)器端發(fā)送請求，服務(wù)器端進(jìn)行數(shù)據(jù)運算后返回最終結(jié)果。結(jié)果可以是多種格式： 1、text 文本格式 2、xml 格式 3、json 格式2、什么是JSON？ JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。 JSON 語法規(guī)則: 數(shù)據(jù)在鍵值對中 數(shù)據(jù)由逗號分隔 花括號保存對象 方括號保存數(shù)組 簡單的例子： {name:'小明', age:'18'}3、使用MUI提供的Ajax工具完成與服務(wù)器端的交互 mui框架基于htm5plus的XMLHttpRequest，封裝了常用的Ajax函數(shù)，支持GET、POST請求方式，支持返回json、xml、html、text、script數(shù)據(jù)類型； 本著極簡的設(shè)計原則，mui提供了mui.ajax方法，并在mui.ajax方法基礎(chǔ)上，進(jìn)一步簡化出最常用的mui.get()、mui.getJSON()、mui.post()三個方法。4、mui.ajax() 參數(shù)： url Type: String 請求發(fā)送的目標(biāo)地址 async Type: Boolean 發(fā)送同步請求 data {xx:xx,xxx:xxx} 發(fā)送到服務(wù)器的業(yè)務(wù)數(shù)據(jù) dataType "xml": 返回XML文檔,"html": 返回純文本HTML信息；,"script": 返回純文本JavaScript代碼,"json": 返回JSON數(shù)據(jù),"text": 返回純文本字符串 error 請求失敗時觸發(fā)的回調(diào)函數(shù)，該函數(shù)接收三個參數(shù)： (xhr：xhr實例對象,type：錯誤描述，可取值："timeout", "error", "abort", "parsererror"、"null",errorThrown：可捕獲的異常對象) success 請求成功時觸發(fā)的回調(diào)函數(shù)，該函數(shù)接收三個參數(shù)：(data：服務(wù)器返回的響應(yīng)數(shù)據(jù)，類型可以是json對象、xml對象、字符串等；,textStatus：狀態(tài)描述，默認(rèn)值為'success', xhr：xhr實例對象) timeout 請求超時時間(毫秒)，默認(rèn)值為0，表示永不超時；若超過設(shè)置的超時時間(非0的情況)，依然未收到服務(wù)器響應(yīng)，則觸發(fā)error回調(diào) type 請求方式，目前僅支持'GET'和'POST'，默認(rèn)為'GET'方式 headers 指定HTTP請求的Header 一個完整示例 <script type="text/javascript"> mui.init(); mui.plusReady(function(){document.getElementById('btn1').addEventListener('tap',function(){mui.ajax({url : 'http://demo.hcoder.net/index.php',type : 'GET',success : function(data){mui.toast(data);},error : function(xhr,type,errorThrown){mui.toast(type);}});}); }); </script>5、Ajax簡化模式 mui.post()方法是對mui.ajax()的一個簡化方法，直接使用POST請求方式向服務(wù)器發(fā)送數(shù)據(jù)、且不處理timeout和異常(若需處理異常及超時，請使用mui.ajax()方法)，使用方法： mui.post(url[,data][,success][,dataType])，如上登錄鑒權(quán)代碼換成mui.post()后，代碼更為簡潔，如下： mui.post('http://server-name/login.php',{username:'username',password:'password' },function(data){//服務(wù)器返回響應(yīng)，根據(jù)響應(yīng)結(jié)果，分析是否登錄成功；...},'json' ); mui.get()方法和mui.post()方法類似，只不過是直接使用GET請求方式向服務(wù)器發(fā)送數(shù)據(jù)、且不處理timeout和異常(若需處理異常及超時，請使用mui.ajax()方法)，使用方法： mui.get(url[,data][,success][,dataType])，如下為獲得某服務(wù)器新聞列表的代碼片段，服務(wù)器以json格式返回數(shù)據(jù)列表 mui.get('http://server-name/list.php',{category:'news'},function(data){//獲得服務(wù)器響應(yīng)...},'json' ); mui.getJSON()方法是在mui.get()方法基礎(chǔ)上的更進(jìn)一步簡化，限定返回json格式的數(shù)據(jù)，其它參數(shù)和mui.get()方法一致，使用方法： mui.get(url[,data][,success])，如上獲得新聞列表的代碼換成mui.getJSON()方法后，更為簡潔，如下： mui.getJSON('http://server-name/list.php',{category:'news'},function(data){//獲得服務(wù)器響應(yīng)...} );

總結(jié)

以上是生活随笔為你收集整理的Mui --- app与服务器之间的交互原理、mui ajax使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。