Framework7中DOM7庫Ajax、Get、Post資料請求例子

1，Ajax請求
發送 Ajax 請求的代碼格式如下：

$$.ajax(parameters)

方法裡參數可選值如下：

 

 

 

 

使用範例：

$$(document).on('ajaxComplete', function (e) {
  var xhr = e.detail.xhr;
  console.log('request performed');
});

3，Get請求

雖然 Ajax 方法功能強大。但通常在項目中我們會更經常使用 Get 或 Post 方法，畢竟用起來方便很多。

Dom7.get 方法範例如下：

$$.get('blog-post.php', {foo:'bar', id:5}, function (data) {
  $$('.articles').html(data);
  console.log('Load was performed');
});

4，Post請求
Dom7.post 方法範例如下：

$$.post('auth.php', {username:'foo', password: 'bar'}, function (data) {
  $$('.login').html(data);
  console.log('Load was performed');
});

5，非同步擷取JSON資料
使用 Dom7.getJSON 我們可以通過 ajax 的方式擷取伺服器上的 json 資料，並自動轉換成對象。使用範例如下：

$$.getJSON('items.json', function (data) {
  console.log(data);
});