从 Chrome Web 应用调用 RESTful WebAPI

Question

我正在开发 Chrome Web 应用程序。它与 Google 云消息交互。我的问题是 Chrome Web App html5 页面可以调用 RESTful WebAPI 服务吗？我没有在应用程序页面中找到有关如何执行此操作的任何示例？ WebAPI 将 return JSON。任何提示 - 非常感谢。

编辑:

这是在 html 页面中：

<body>    
  <select id="ParametersDropDownList"></select>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script src="test.js"></script>
</body>

这是在我的 test.js 文件中：

var uri = 'http://localhost/custom.webapi/api/parameter?emailaddress=john@foo.bar';
var msg;    
$.getJSON(uri)
    .done(function(data) {
        var appenddata;
        $.each(data, function(key, item) {
            appenddata += "<option value = '" + item.ParameterName + " '>" + item.ParameterName + " </option>";
        });
        $('#ParametersDropDownList').html(appenddata);            
    })
    .fail(function(jqXHR, textStatus, err) {
        var error = $.parseJSON(jqXHR.responseText);
        msg = "Failed to get action data Error message is " + error.message;            
    });

此代码在常规 html5 页面中有效。意思是，webapi returns json 和下拉列表填充了预期值。

Answer 1

原来是CSP相关的。特别是从 googleapis.com 访问 jquery。我反而下载了缩小版本并将其添加到项目中。

从 Chrome Web 应用调用 RESTful WebAPI

Call RESTful WebAPI from a Chrome Web App

google-chrome-extension

google-chrome-app