| OLD | NEW |
| (Empty) |
| 1 <!-- | |
| 2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | |
| 3 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | |
| 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | |
| 5 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | |
| 6 Code distributed by Google as part of the polymer project is also | |
| 7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | |
| 8 --> | |
| 9 <!-- | |
| 10 /** | |
| 11 * @group Polymer Core Elements | |
| 12 * | |
| 13 * core-xhr can be used to perform XMLHttpRequests. | |
| 14 * | |
| 15 * <core-xhr id="xhr"></core-xhr> | |
| 16 * ... | |
| 17 * this.$.xhr.request({url: url, params: params, callback: callback}); | |
| 18 * | |
| 19 * @element core-xhr | |
| 20 */ | |
| 21 --> | |
| 22 | |
| 23 <link rel="import" href="../polymer/polymer.html"> | |
| 24 | |
| 25 <polymer-element name="core-xhr" hidden> | |
| 26 | |
| 27 <script> | |
| 28 | |
| 29 Polymer('core-xhr', { | |
| 30 | |
| 31 /** | |
| 32 * Sends a HTTP request to the server and returns the XHR object. | |
| 33 * | |
| 34 * @method request | |
| 35 * @param {Object} inOptions | |
| 36 * @param {String} inOptions.url The url to which the request is sent. | |
| 37 * @param {String} inOptions.method The HTTP method to use, default is
GET. | |
| 38 * @param {boolean} inOptions.sync By default, all requests are sent as
ynchronously. To send synchronous requests, set to true. | |
| 39 * @param {Object} inOptions.params Data to be sent to the server. | |
| 40 * @param {Object} inOptions.body The content for the request body for
POST method. | |
| 41 * @param {Object} inOptions.headers HTTP request headers. | |
| 42 * @param {String} inOptions.responseType The response type. Default is
'text'. | |
| 43 * @param {boolean} inOptions.withCredentials Whether or not to send cr
edentials on the request. Default is false. | |
| 44 * @param {Object} inOptions.callback Called when request is completed. | |
| 45 * @returns {Object} XHR object. | |
| 46 */ | |
| 47 request: function(options) { | |
| 48 var xhr = new XMLHttpRequest(); | |
| 49 var url = options.url; | |
| 50 var method = options.method || 'GET'; | |
| 51 var async = !options.sync; | |
| 52 // | |
| 53 var params = this.toQueryString(options.params); | |
| 54 if (params && method == 'GET') { | |
| 55 url += (url.indexOf('?') > 0 ? '&' : '?') + params; | |
| 56 } | |
| 57 var xhrParams = this.isBodyMethod(method) ? (options.body || params) : n
ull; | |
| 58 // | |
| 59 xhr.open(method, url, async); | |
| 60 if (options.responseType) { | |
| 61 xhr.responseType = options.responseType; | |
| 62 } | |
| 63 if (options.withCredentials) { | |
| 64 xhr.withCredentials = true; | |
| 65 } | |
| 66 this.makeReadyStateHandler(xhr, options.callback); | |
| 67 this.setRequestHeaders(xhr, options.headers); | |
| 68 xhr.send(xhrParams); | |
| 69 if (!async) { | |
| 70 xhr.onreadystatechange(xhr); | |
| 71 } | |
| 72 return xhr; | |
| 73 }, | |
| 74 | |
| 75 toQueryString: function(params) { | |
| 76 var r = []; | |
| 77 for (var n in params) { | |
| 78 var v = params[n]; | |
| 79 n = encodeURIComponent(n); | |
| 80 r.push(v == null ? n : (n + '=' + encodeURIComponent(v))); | |
| 81 } | |
| 82 return r.join('&'); | |
| 83 }, | |
| 84 | |
| 85 isBodyMethod: function(method) { | |
| 86 return this.bodyMethods[(method || '').toUpperCase()]; | |
| 87 }, | |
| 88 | |
| 89 bodyMethods: { | |
| 90 POST: 1, | |
| 91 PUT: 1, | |
| 92 DELETE: 1 | |
| 93 }, | |
| 94 | |
| 95 makeReadyStateHandler: function(xhr, callback) { | |
| 96 xhr.onreadystatechange = function() { | |
| 97 if (xhr.readyState == 4) { | |
| 98 callback && callback.call(null, xhr.response, xhr); | |
| 99 } | |
| 100 }; | |
| 101 }, | |
| 102 | |
| 103 setRequestHeaders: function(xhr, headers) { | |
| 104 if (headers) { | |
| 105 for (var name in headers) { | |
| 106 xhr.setRequestHeader(name, headers[name]); | |
| 107 } | |
| 108 } | |
| 109 } | |
| 110 | |
| 111 }); | |
| 112 | |
| 113 </script> | |
| 114 | |
| 115 </polymer-element> | |
| OLD | NEW |