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

问题描述 投票:4回答:4

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

javascript ajax html-framework-7
4个回答
8
投票

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

1
投票

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

    }
    }); 

0
投票

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

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

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


-1
投票

Framework7带有方便的Request库,可以直接使用XHR请求(Ajax)

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

framework7.io/docs

© www.soinside.com 2019 - 2024. All rights reserved.