javascript - 我如何在 phonegap 中使用 jquery 使用休息服务

Question

我正在使用 monaca IDE + phonegap 来构建手机应用程序。

我创建了一个安静的服务器 - http://engridmedia.com/next/api/channel/user/id/1

我正在尝试在我的 js 文件中使用这个 jquery 脚本来使用 json rest 服务。

$(document).ready(function() {
$.ajax({
    url: "http://engridmedia.com/next/api/channel/user/id/1"
}).then(function(data) {
   $('.ch-name').append(data.ch_name);
   $('.ch_logo').append(data.ch_logo);
});

});

并像这样在体内调用它

    <div>
<p class="ch_logo"> </p>
<p class="ch_name"> </p>
</div>

这不应该工作吗？我已将 jquery.min.js 文件和 ajax 文件包含在页面中。但它只是不会显示任何东西。

Answer 1

尝试这个：

$(document).ready(function() {
  $.ajax({
    cache: false,
      url: "http://engridmedia.com/next/api/channel/user/id/1",
    type: 'GET',
    crossDomain: true,
    dataType: 'json',
    success: function() {
        alert("Success");
    },
    error: function() {
        alert('Failed!');
    },
}).then(function(data) {
    var result = data [0];
    console.log(result)
    $('.ch-name').append(result.ch_name);
    $('.ch-logo').append(result.ch_logo);
});
});

您正在返回一个数组中的对象。您需要获取该数组中的第一个对象。