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 section中找到更多示例。

Answer 4

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

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

framework7.io/docs

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

4 个答案: