聚合物芯-ajax在新的聚合物元素中表现异常

Polymer core-ajax behaves weird when in new polymer element

本文关键字：聚合物 异常 元素 -ajax      更新时间：2023-09-26

我把一个核心ajax元素在一个新的聚合物元素，但不是响应，我得到一个访问控制错误。当我在同一个url上单独使用index.html中的元素时，我得到一个常规的响应。知道为什么会这样吗?

聚合物元素:

<link rel="import" href="components/polymer/polymer.html">
<link rel="import" href="components/core-ajax/core-ajax.html">
<polymer-element name="reddit-service" attributes="posts subreddit">
<template>
    <style>
        :host {
            display: block;
        }
    </style>
    <core-ajax
        auto
        url="http://reddit.com/.json"
        on-core-response="{{ajaxResponse}}"
        handleAs="json"></core-ajax>
</template>
<script>
    Polymer('reddit-service', {
        created: function() {
            this.posts = [];
        },
        ajaxResponse: function(event, response) {
            console.log(event);
        }
    });
</script>
</polymer-element>

index . html: 

<!DOCTYPE html>
<html>
<head>
<!-- META AND STUFF -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Polymer Reddit App</title>
<!-- POLYMER -->
<script src="components/platform/platform.js"></script>
<link rel="import" href="components/core-ajax/core-ajax.html">
<link rel="import" href="components/core-header-panel/core-header-panel.html">
<link rel="import" href="components/core-toolbar/core-toolbar.html">
<link rel="import" href="reddit-list.html">
</head>
<body unresolved>
<core-toolbar>Reddit with Polymer</core-toolbar>

<core-ajax
    auto
    url="http://www.reddit.com/.json"
    handleAs="json"></core-ajax>
<script>
    function handle(event, response) {
        console.log(event);
    }
    document.addEventListener('core-response', handle, false);
</script>
</body>
</html>

在您的自定义元素中，您缺少www子域，这似乎是它正确工作所必需的。

相关文章：