从Chrome Web App调用RESTful WebAPI

时间:2015-10-31 16:49:39

标签: google-chrome-extension google-chrome-app

我正在使用Chrome网络应用。它与Google Cloud Messaging交互。我的问题是Chrome Web App html5页面可以调用RESTful WebAPI服务吗?我没有找到任何关于如何在应用页面内执行此操作的示例? WebAPI将返回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>
&#13;
&#13;
&#13;

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

&#13;
&#13;
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;            
    });
&#13;
&#13;
&#13;

此代码适用于常规html5页面。意思是,webapi返回json,下拉列表中填充了预期值。

1 个答案:

答案 0 :(得分:0)

原来它与CSP有关。特别是从googleapis.com访问jquery。我改为下载缩小版并将其添加到项目中。