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

【问题标题】：How to do ajax call in an API using Framework7如何使用 Framework7 在 API 中进行 ajax 调用
【发布时间】：2015-01-02 09:44:47
【问题描述】：

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

【问题讨论】：

显示你到目前为止所尝试的。
我将 Frameowrk7 编辑为 Framework7

标签： javascript ajax html-framework-7

【解决方案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);
});

【讨论】：

【解决方案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');
        }

    }
    });

【讨论】：

哎呀！很好的答案！
但是，当我使用这个答案时，我的应用程序卡在了 beforesend 功能。你知道为什么吗？
@proofzy 你能通过检查来检查来自网络的 ajax 调用的响应吗

【解决方案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 中找到更多示例。

【讨论】：

【解决方案4】：

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

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

framework7.io/docs

【讨论】：

您的代码在语法上似乎不正确。请添加一些解释或相关文档的链接。
此链接提供了 framwork7 如何通过 ajax 工作：framework7.io/docs/request.html