javascript - 如何使用 ajax-core + Polymer 发出 JsonP 请求

Question

我正在启动 WebComponents 并尝试将其与 Polymer 和 ajax-core 一起用于 ajax 请求。我需要向 API 发出请求，但我不知道如何处理 CORS 问题。

我的代码看起来像。

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../core-ajax/core-ajax.html">

<polymer-element name="test-form">
<template>

<textarea></textarea>
<button on-click="{{buttonClick}}">Load</button>

<core-ajax id="ajaxSubmit" url="SomeExternalAPI" method="get" response="{{response}}"> 

</core-ajax>
</template>

<script>
Polymer("contact-form",{
    buttonClick:function(){
        this.$.ajaxSubmit.go();
    },
    responseChanged:function(oldValue){
        console.log(this.response);
    }
});
</script>

</polymer-element>

但是这样我得到了 No 'Access-Control-Allow-Origin' 错误。

有什么想法吗？

谢谢!

Answer 1

有两种方式:

1. 如果您可以控制后端，则可以启用 CORS
2. 或者您可以使用 polymer-jsonp (例如参见 here)