jQuery Mobile是一個可擴展的、輕量級而且充分優化的框架,用于構建web應用程序的用戶界面。它為我們提供了一個用于構建HTML5兼容的移動應用的JavaScript組件庫。其中,ajax是我們常常使用的一種方式,我們可以通過ajax請求來向服務端獲取數據,實現頁面的異步更新。
//發送ajax請求 $.ajax({ url: "yourUrl", data: {}, type: "POST", dataType: "json", beforeSend: function(xhr){ //請求發送前的處理 }, success: function(data, textStatus, xhr){ //請求成功后的處理 }, error: function(xhr, textStatus, errorThrown){ //請求失敗后的處理 }, complete: function(xhr, textStatus){ //請求完成后的處理 } });
以上是ajax請求的基本格式,我們可以根據需要自定義參數。其中,url表示服務端請求地址;data表示傳遞的參數;type表示請求類型,可以是post或get;dataType表示返回的數據類型;beforeSend、success、error、complete表示ajax請求的不同狀態下的處理,如請求發送前的處理、請求成功后的處理等等。
除了ajax,jQuery Mobile還提供了許多常用的組件,如按鈕、菜單、滑塊等,可以為我們的移動應用程序提供良好的用戶界面。值得一提的是,jQuery Mobile的布局也是響應式的,可以自動適應不同的屏幕尺寸,讓我們的應用在不同的設備上都具有良好的展示效果。
下一篇簡單css樣式模板下載