javascript - 如何使用 Framework7 在 API 中进行 ajax 调用

Question

如何使用 Framework7 进行 ajax 调用？我已经知道如何使用 jQuery 进行 ajax 调用，但我不知道如何在 Framework7 中进行。我正在使用它来调用返回数据的 API。

Answer 1

您可以包含 jQuery 或使用默认的 Dom7 库，它具有相同的 Ajax 方法：

var $$ = window.Dom7;

//do get request
$$.get('path-to-file.php', {id: 3}, function (data) {
  console.log(data);
});

//do post request
$$.post('path-to-file.php', {id: 3}, function (data) {
  console.log(data);
});

//get JSON request
$$.getJSON('path-to-file.js', function (json) {
  console.log(json);
});

Answer 2

它与常规 ajax 调用相同。使用 $$ 而不是 $，因为 $DOM 已分配给 $$。

$$.ajax({
    url:url2,
    data:{'json_order':jsonOrder},
    type:'POST',
    beforeSend:function(){
    myApp.showPreloader('Please Wait');
    },
    success:function(data)
    {
        myApp.hidePreloader();
        console.log(data);
        if(data =='success')
        {

            alert('success');
        }
        else
        {
            alert('no data');
        }

    }
    }); 

Answer 3

Framework7 使用类似于 jQuery 的 ajax 的语法。POST调用可能如下所示：

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

您可以在Framework7 官方文档的DOM 部分找到更多示例。

Answer 4

Framework7 带有方便的 Request 库，可以直接处理 XHR 请求（Ajax）

app.request.post('http://localhost:4103/api/RepIO/List', function (data) {
var obj = JSON.parse(data);

框架7.io/docs