聚合物0.4 JSONP

时间:2014-09-25 20:18:08

标签: jsonp polymer web-component

我正在玩聚合物0.4。我正在尝试使用我使用bower安装的polymer-jsonp组件来执行jsonp请求。

但它不起作用,我认为聚合物-jsonp组件与Polymer 0.4不兼容,并且根据此https://github.com/PolymerLabs/polymer-jsonp/releases/tag/0.3.0已弃用

我可以在我的网络面板中看到,聚合物-jsonp组件正在被正确导入,但即使它具有“自动”参数,它根本不会发出请求。我没有通过任何JS代码运行它,我希望它能够自动运行因为自动参​​数并将结果绑定到结果参数值。

我可以等待发布兼容版本,还是有办法使用它或其他替代版本?

编辑: 这是一个例子:

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Polymer WebApp</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
  <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

  <!-- build:css styles/main.css -->
  <link rel="stylesheet" href="styles/main.css">
  <!-- endbuild-->

  <script src="bower_components/platform/platform.js"></script>
  <!-- build:vulcanized elements/elements.vulcanized.html -->
  <link rel="import" href="bower_components/core-drawer-panel/core-drawer-panel.html">
  <link rel="import" href="bower_components/core-header-panel/core-header-panel.html">
  <link rel="import" href="bower_components/core-toolbar/core-toolbar.html">
  <link rel="import" href="bower_components/polymer-jsonp/polymer-jsonp.html">
  <link rel="import" href="elements/elements.html">
  <!-- endbuild-->
  <style>
    #drawer {
      background-color: #CCC;
    }
    #main {
      background-color: #EBFA6F;
    }
    #main site-table {
      padding: 20px;
    }
  </style>
</head>

<body unresolved>
  <template>
    <polymer-jsonp url="http://127.0.0.1/abmonitor-server/Ajax.class.php?callback=" auto response="{{ sitelist }}"></polymer-jsonp>
  </template>
  <core-drawer-panel>
    <div id="drawer" drawer>
      <sites-menu></sites-menu>
    </div>
    <div id="main" main>
      <header>
        <core-toolbar>Toolbar</core-toolbar>
      </header>
      <site-table></site-table>
    </div>
  </core-drawer-panel>
  <!-- build:js scripts/app.js -->
  <script src="scripts/app.js"></script>
  <!-- endbuild-->
</body>

</html>

非常感谢。

1 个答案:

答案 0 :(得分:1)

jsonp元素确实应该更新为核心,它只是一个尚未产生的麻烦。但是,我查看了代码,我相信旧代码应该可以正常工作。您可能在设置中遇到一个简单的问题。

  

我可以在浏览器控制台中看到它没有被导入。

确保您的应用程序中有<link>标记,用于导入该元素。可能类似于:

<link rel="import" href="bower_components/polymer-jsonp/polymer-jsonp.html>