/ / Polymer 1.x: Folosirea fierului-ajax intr-un comportament personalizat - ajax, polimer, polimer-1.0, polimer-1.x, elemente de fier

Polimerul 1.x: Folosind fierul-ajax în interiorul unui comportament personalizat - ajax, polimer, polimer-1.0, polimer-1.x, elemente de fier

Construiesc un comportament particularizat. Sună-l MyBehaviors.MySpecialBehavior.

Dar trebuie să obțin datele care sunt stocate local într-un fișier JSON numit my-data.json.

Cum pot face acest lucru în comportamentul meu? Încerc să importe iron-ajax dar nu mă pot gândi cum să accesez metodele sau proprietățile sale.

mi-speciale-behavior.html
<link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../../bower_components/iron-ajax/iron-ajax.html">

<script>
var MyBehaviors = MyBehaviors || {};
MyBehaviors.MySpecialBehaviorImpl = {
// Methods go here that rely on data at my-data.json
};

MyBehaviors.MySpecialBehavior = [
MyBehaviors.MySpecialBehaviorImpl,
];
</script>
mi-data.json
{
"important": "data",
"j": 5,
"o": "N",
"goes": "here"
}

Răspunsuri:

3 pentru răspunsul nr. 1

Puteți crea elemente în mod programatic. Aruncă o privire la modul în care fier-ajax ea însăși face asta fier-cerere intern:

https://github.com/PolymerElements/iron-ajax/blob/master/iron-ajax.html#L442

Referindu-vă la utilizarea casetei dvs., utilizatorul a1626 a creat acest fragment:

var ajax = document.createElement("iron-ajax");
ajax.contentType = "application/json";
ajax.handleAs = "json";
ajax.url = <url goes here>
ajax.method = "get";
ajax.addEventListener("response", function (event) {
//response handler
});
ajax.generateRequest();

1 pentru răspunsul nr. 2

Puteți accesa datele json cu ajax.lastResponse în interiorul ascultătorului evenimentului adăugat.

var ajax = document.createElement("iron-ajax");
ajax.contentType = "application/json";
ajax.handleAs = "json";
ajax.url = <url goes here>
ajax.method = "get";
ajax.addEventListener("response", function (event) {
//response handler
console.log("ajax", ajax.lastResponse);
});
ajax.generateRequest();

Întrebări corelate


Comentarii (0)

Adauga un comentariu