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

Posted 2021-03-26

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

答案

您可以包含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);
});

另一答案

它与普通的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');
        }

    }
    }); 

另一答案

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

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

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

另一答案

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

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

framework7.io/docs