Created
August 27, 2016 04:58
-
-
Save bathtimefish/7fda1f53d3a3a330619fe165b9de9f19 to your computer and use it in GitHub Desktop.
ChirimenでHTTPリクエストするサンプル
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* | |
* Chirimenに装着するWifiドングルは Planex GW-USNano2 動作確認済み | |
* https://www.planex.co.jp/product/wireless/gw-usnano2/ | |
* | |
* WifiドングルをつけてChirimenを起動、SettingsでWifi設定を完了後、以下のソースを実行する | |
* | |
*/ | |
window.addEventListener("load", function() { | |
console.log("Hello World!"); | |
/* | |
var xhr = new XMLHttpRequest({ mozSystem: true }); | |
xhr.open('GET', "http://www.yahoo.co.jp", true); | |
xhr.onreadystatechange = function(){ | |
if (xhr.readyState === 4 && xhr.status === 200){ | |
console.log(xhr.responseText); | |
} | |
}; | |
xhr.send(null); | |
*/ | |
// new XmlHttpRequest({systemXHR: true}); にした axios-sysxhr.js を使用した | |
axios.get('http://www.google.com/') | |
.then(function(res) { | |
console.log(res.data); | |
}); | |
}); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* axios v0.13.1 | (c) 2016 by Matt Zabriskie */ | |
(function webpackUniversalModuleDefinition(root, factory) { | |
if(typeof exports === 'object' && typeof module === 'object') | |
module.exports = factory(); | |
else if(typeof define === 'function' && define.amd) | |
define([], factory); | |
else if(typeof exports === 'object') | |
exports["axios"] = factory(); | |
else | |
root["axios"] = factory(); | |
})(this, function() { | |
return /******/ (function(modules) { // webpackBootstrap | |
/******/ // The module cache | |
/******/ var installedModules = {}; | |
/******/ | |
/******/ // The require function | |
/******/ function __webpack_require__(moduleId) { | |
/******/ | |
/******/ // Check if module is in cache | |
/******/ if(installedModules[moduleId]) | |
/******/ return installedModules[moduleId].exports; | |
/******/ | |
/******/ // Create a new module (and put it into the cache) | |
/******/ var module = installedModules[moduleId] = { | |
/******/ exports: {}, | |
/******/ id: moduleId, | |
/******/ loaded: false | |
/******/ }; | |
/******/ | |
/******/ // Execute the module function | |
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); | |
/******/ | |
/******/ // Flag the module as loaded | |
/******/ module.loaded = true; | |
/******/ | |
/******/ // Return the exports of the module | |
/******/ return module.exports; | |
/******/ } | |
/******/ | |
/******/ | |
/******/ // expose the modules object (__webpack_modules__) | |
/******/ __webpack_require__.m = modules; | |
/******/ | |
/******/ // expose the module cache | |
/******/ __webpack_require__.c = installedModules; | |
/******/ | |
/******/ // __webpack_public_path__ | |
/******/ __webpack_require__.p = ""; | |
/******/ | |
/******/ // Load entry module and return exports | |
/******/ return __webpack_require__(0); | |
/******/ }) | |
/************************************************************************/ | |
/******/ ([ | |
/* 0 */ | |
/***/ function(module, exports, __webpack_require__) { | |
module.exports = __webpack_require__(1); | |
/***/ }, | |
/* 1 */ | |
/***/ function(module, exports, __webpack_require__) { | |
'use strict'; | |
var utils = __webpack_require__(2); | |
var bind = __webpack_require__(3); | |
var Axios = __webpack_require__(4); | |
/** | |
* Create an instance of Axios | |
* | |
* @param {Object} defaultConfig The default config for the instance | |
* @return {Axios} A new instance of Axios | |
*/ | |
function createInstance(defaultConfig) { | |
var context = new Axios(defaultConfig); | |
var instance = bind(Axios.prototype.request, context); | |
// Copy axios.prototype to instance | |
utils.extend(instance, Axios.prototype, context); | |
// Copy context to instance | |
utils.extend(instance, context); | |
return instance; | |
} | |
// Create the default instance to be exported | |
var axios = module.exports = createInstance(); | |
// Expose Axios class to allow class inheritance | |
axios.Axios = Axios; | |
// Factory for creating new instances | |
axios.create = function create(defaultConfig) { | |
return createInstance(defaultConfig); | |
}; | |
// Expose all/spread | |
axios.all = function all(promises) { | |
return Promise.all(promises); | |
}; | |
axios.spread = __webpack_require__(21); | |
/***/ }, | |
/* 2 */ | |
/***/ function(module, exports, __webpack_require__) { | |
'use strict'; | |
var bind = __webpack_require__(3); | |
/*global toString:true*/ | |
// utils is a library of generic helper functions non-specific to axios | |
var toString = Object.prototype.toString; | |
/** | |
* Determine if a value is an Array | |
* | |
* @param {Object} val The value to test | |
* @returns {boolean} True if value is an Array, otherwise false | |
*/ | |
function isArray(val) { | |
return toString.call(val) === '[object Array]'; | |
} | |
/** | |
* Determine if a value is an ArrayBuffer | |
* | |
* @param {Object} val The value to test | |
* @returns {boolean} True if value is an ArrayBuffer, otherwise false | |
*/ | |
function isArrayBuffer(val) { | |
return toString.call(val) === '[object ArrayBuffer]'; | |
} | |
/** | |
* Determine if a value is a FormData | |
* | |
* @param {Object} val The value to test | |
* @returns {boolean} True if value is an FormData, otherwise false | |
*/ | |
function isFormData(val) { | |
return (typeof FormData !== 'undefined') && (val instanceof FormData); | |
} | |
/** | |
* Determine if a value is a view on an ArrayBuffer | |
* | |
* @param {Object} val The value to test | |
* @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false | |
*/ | |
function isArrayBufferView(val) { | |
var result; | |
if ((typeof ArrayBuffer !== 'undefined') && (ArrayBuffer.isView)) { | |
result = ArrayBuffer.isView(val); | |
} else { | |
result = (val) && (val.buffer) && (val.buffer instanceof ArrayBuffer); | |
} | |
return result; | |
} | |
/** | |
* Determine if a value is a String | |
* | |
* @param {Object} val The value to test | |
* @returns {boolean} True if value is a String, otherwise false | |
*/ | |
function isString(val) { | |
return typeof val === 'string'; | |
} | |
/** | |
* Determine if a value is a Number | |
* | |
* @param {Object} val The value to test | |
* @returns {boolean} True if value is a Number, otherwise false | |
*/ | |
function isNumber(val) { | |
return typeof val === 'number'; | |
} | |
/** | |
* Determine if a value is undefined | |
* | |
* @param {Object} val The value to test | |
* @returns {boolean} True if the value is undefined, otherwise false | |
*/ | |
function isUndefined(val) { | |
return typeof val === 'undefined'; | |
} | |
/** | |
* Determine if a value is an Object | |
* | |
* @param {Object} val The value to test | |
* @returns {boolean} True if value is an Object, otherwise false | |
*/ | |
function isObject(val) { | |
return val !== null && typeof val === 'object'; | |
} | |
/** | |
* Determine if a value is a Date | |
* | |
* @param {Object} val The value to test | |
* @returns {boolean} True if value is a Date, otherwise false | |
*/ | |
function isDate(val) { | |
return toString.call(val) === '[object Date]'; | |
} | |
/** | |
* Determine if a value is a File | |
* | |
* @param {Object} val The value to test | |
* @returns {boolean} True if value is a File, otherwise false | |
*/ | |
function isFile(val) { | |
return toString.call(val) === '[object File]'; | |
} | |
/** | |
* Determine if a value is a Blob | |
* | |
* @param {Object} val The value to test | |
* @returns {boolean} True if value is a Blob, otherwise false | |
*/ | |
function isBlob(val) { | |
return toString.call(val) === '[object Blob]'; | |
} | |
/** | |
* Determine if a value is a Function | |
* | |
* @param {Object} val The value to test | |
* @returns {boolean} True if value is a Function, otherwise false | |
*/ | |
function isFunction(val) { | |
return toString.call(val) === '[object Function]'; | |
} | |
/** | |
* Determine if a value is a Stream | |
* | |
* @param {Object} val The value to test | |
* @returns {boolean} True if value is a Stream, otherwise false | |
*/ | |
function isStream(val) { | |
return isObject(val) && isFunction(val.pipe); | |
} | |
/** | |
* Determine if a value is a URLSearchParams object | |
* | |
* @param {Object} val The value to test | |
* @returns {boolean} True if value is a URLSearchParams object, otherwise false | |
*/ | |
function isURLSearchParams(val) { | |
return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams; | |
} | |
/** | |
* Trim excess whitespace off the beginning and end of a string | |
* | |
* @param {String} str The String to trim | |
* @returns {String} The String freed of excess whitespace | |
*/ | |
function trim(str) { | |
return str.replace(/^\s*/, '').replace(/\s*$/, ''); | |
} | |
/** | |
* Determine if we're running in a standard browser environment | |
* | |
* This allows axios to run in a web worker, and react-native. | |
* Both environments support XMLHttpRequest, but not fully standard globals. | |
* | |
* web workers: | |
* typeof window -> undefined | |
* typeof document -> undefined | |
* | |
* react-native: | |
* typeof document.createElement -> undefined | |
*/ | |
function isStandardBrowserEnv() { | |
return ( | |
typeof window !== 'undefined' && | |
typeof document !== 'undefined' && | |
typeof document.createElement === 'function' | |
); | |
} | |
/** | |
* Iterate over an Array or an Object invoking a function for each item. | |
* | |
* If `obj` is an Array callback will be called passing | |
* the value, index, and complete array for each item. | |
* | |
* If 'obj' is an Object callback will be called passing | |
* the value, key, and complete object for each property. | |
* | |
* @param {Object|Array} obj The object to iterate | |
* @param {Function} fn The callback to invoke for each item | |
*/ | |
function forEach(obj, fn) { | |
// Don't bother if no value provided | |
if (obj === null || typeof obj === 'undefined') { | |
return; | |
} | |
// Force an array if not already something iterable | |
if (typeof obj !== 'object' && !isArray(obj)) { | |
/*eslint no-param-reassign:0*/ | |
obj = [obj]; | |
} | |
if (isArray(obj)) { | |
// Iterate over array values | |
for (var i = 0, l = obj.length; i < l; i++) { | |
fn.call(null, obj[i], i, obj); | |
} | |
} else { | |
// Iterate over object keys | |
for (var key in obj) { | |
if (obj.hasOwnProperty(key)) { | |
fn.call(null, obj[key], key, obj); | |
} | |
} | |
} | |
} | |
/** | |
* Accepts varargs expecting each argument to be an object, then | |
* immutably merges the properties of each object and returns result. | |
* | |
* When multiple objects contain the same key the later object in | |
* the arguments list will take precedence. | |
* | |
* Example: | |
* | |
* ```js | |
* var result = merge({foo: 123}, {foo: 456}); | |
* console.log(result.foo); // outputs 456 | |
* ``` | |
* | |
* @param {Object} obj1 Object to merge | |
* @returns {Object} Result of all merge properties | |
*/ | |
function merge(/* obj1, obj2, obj3, ... */) { | |
var result = {}; | |
function assignValue(val, key) { | |
if (typeof result[key] === 'object' && typeof val === 'object') { | |
result[key] = merge(result[key], val); | |
} else { | |
result[key] = val; | |
} | |
} | |
for (var i = 0, l = arguments.length; i < l; i++) { | |
forEach(arguments[i], assignValue); | |
} | |
return result; | |
} | |
/** | |
* Extends object a by mutably adding to it the properties of object b. | |
* | |
* @param {Object} a The object to be extended | |
* @param {Object} b The object to copy properties from | |
* @param {Object} thisArg The object to bind function to | |
* @return {Object} The resulting value of object a | |
*/ | |
function extend(a, b, thisArg) { | |
forEach(b, function assignValue(val, key) { | |
if (thisArg && typeof val === 'function') { | |
a[key] = bind(val, thisArg); | |
} else { | |
a[key] = val; | |
} | |
}); | |
return a; | |
} | |
module.exports = { | |
isArray: isArray, | |
isArrayBuffer: isArrayBuffer, | |
isFormData: isFormData, | |
isArrayBufferView: isArrayBufferView, | |
isString: isString, | |
isNumber: isNumber, | |
isObject: isObject, | |
isUndefined: isUndefined, | |
isDate: isDate, | |
isFile: isFile, | |
isBlob: isBlob, | |
isFunction: isFunction, | |
isStream: isStream, | |
isURLSearchParams: isURLSearchParams, | |
isStandardBrowserEnv: isStandardBrowserEnv, | |
forEach: forEach, | |
merge: merge, | |
extend: extend, | |
trim: trim | |
}; | |
/***/ }, | |
/* 3 */ | |
/***/ function(module, exports) { | |
'use strict'; | |
module.exports = function bind(fn, thisArg) { | |
return function wrap() { | |
var args = new Array(arguments.length); | |
for (var i = 0; i < args.length; i++) { | |
args[i] = arguments[i]; | |
} | |
return fn.apply(thisArg, args); | |
}; | |
}; | |
/***/ }, | |
/* 4 */ | |
/***/ function(module, exports, __webpack_require__) { | |
'use strict'; | |
var defaults = __webpack_require__(5); | |
var utils = __webpack_require__(2); | |
var InterceptorManager = __webpack_require__(7); | |
var dispatchRequest = __webpack_require__(8); | |
var isAbsoluteURL = __webpack_require__(19); | |
var combineURLs = __webpack_require__(20); | |
/** | |
* Create a new instance of Axios | |
* | |
* @param {Object} defaultConfig The default config for the instance | |
*/ | |
function Axios(defaultConfig) { | |
this.defaults = utils.merge(defaults, defaultConfig); | |
this.interceptors = { | |
request: new InterceptorManager(), | |
response: new InterceptorManager() | |
}; | |
} | |
/** | |
* Dispatch a request | |
* | |
* @param {Object} config The config specific for this request (merged with this.defaults) | |
*/ | |
Axios.prototype.request = function request(config) { | |
/*eslint no-param-reassign:0*/ | |
// Allow for axios('example/url'[, config]) a la fetch API | |
if (typeof config === 'string') { | |
config = utils.merge({ | |
url: arguments[0] | |
}, arguments[1]); | |
} | |
config = utils.merge(defaults, this.defaults, { method: 'get' }, config); | |
// Support baseURL config | |
if (config.baseURL && !isAbsoluteURL(config.url)) { | |
config.url = combineURLs(config.baseURL, config.url); | |
} | |
// Hook up interceptors middleware | |
var chain = [dispatchRequest, undefined]; | |
var promise = Promise.resolve(config); | |
this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) { | |
chain.unshift(interceptor.fulfilled, interceptor.rejected); | |
}); | |
this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) { | |
chain.push(interceptor.fulfilled, interceptor.rejected); | |
}); | |
while (chain.length) { | |
promise = promise.then(chain.shift(), chain.shift()); | |
} | |
return promise; | |
}; | |
// Provide aliases for supported request methods | |
utils.forEach(['delete', 'get', 'head'], function forEachMethodNoData(method) { | |
/*eslint func-names:0*/ | |
Axios.prototype[method] = function(url, config) { | |
return this.request(utils.merge(config || {}, { | |
method: method, | |
url: url | |
})); | |
}; | |
}); | |
utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) { | |
/*eslint func-names:0*/ | |
Axios.prototype[method] = function(url, data, config) { | |
return this.request(utils.merge(config || {}, { | |
method: method, | |
url: url, | |
data: data | |
})); | |
}; | |
}); | |
module.exports = Axios; | |
/***/ }, | |
/* 5 */ | |
/***/ function(module, exports, __webpack_require__) { | |
'use strict'; | |
var utils = __webpack_require__(2); | |
var normalizeHeaderName = __webpack_require__(6); | |
var PROTECTION_PREFIX = /^\)\]\}',?\n/; | |
var DEFAULT_CONTENT_TYPE = { | |
'Content-Type': 'application/x-www-form-urlencoded' | |
}; | |
function setContentTypeIfUnset(headers, value) { | |
if (!utils.isUndefined(headers) && utils.isUndefined(headers['Content-Type'])) { | |
headers['Content-Type'] = value; | |
} | |
} | |
module.exports = { | |
transformRequest: [function transformRequest(data, headers) { | |
normalizeHeaderName(headers, 'Content-Type'); | |
if (utils.isFormData(data) || | |
utils.isArrayBuffer(data) || | |
utils.isStream(data) || | |
utils.isFile(data) || | |
utils.isBlob(data) | |
) { | |
return data; | |
} | |
if (utils.isArrayBufferView(data)) { | |
return data.buffer; | |
} | |
if (utils.isURLSearchParams(data)) { | |
setContentTypeIfUnset(headers, 'application/x-www-form-urlencoded;charset=utf-8'); | |
return data.toString(); | |
} | |
if (utils.isObject(data)) { | |
setContentTypeIfUnset(headers, 'application/json;charset=utf-8'); | |
return JSON.stringify(data); | |
} | |
return data; | |
}], | |
transformResponse: [function transformResponse(data) { | |
/*eslint no-param-reassign:0*/ | |
if (typeof data === 'string') { | |
data = data.replace(PROTECTION_PREFIX, ''); | |
try { | |
data = JSON.parse(data); | |
} catch (e) { /* Ignore */ } | |
} | |
return data; | |
}], | |
headers: { | |
common: { | |
'Accept': 'application/json, text/plain, */*' | |
}, | |
patch: utils.merge(DEFAULT_CONTENT_TYPE), | |
post: utils.merge(DEFAULT_CONTENT_TYPE), | |
put: utils.merge(DEFAULT_CONTENT_TYPE) | |
}, | |
timeout: 0, | |
xsrfCookieName: 'XSRF-TOKEN', | |
xsrfHeaderName: 'X-XSRF-TOKEN', | |
maxContentLength: -1, | |
validateStatus: function validateStatus(status) { | |
return status >= 200 && status < 300; | |
} | |
}; | |
/***/ }, | |
/* 6 */ | |
/***/ function(module, exports, __webpack_require__) { | |
'use strict'; | |
var utils = __webpack_require__(2); | |
module.exports = function normalizeHeaderName(headers, normalizedName) { | |
utils.forEach(headers, function processHeader(value, name) { | |
if (name !== normalizedName && name.toUpperCase() === normalizedName.toUpperCase()) { | |
headers[normalizedName] = value; | |
delete headers[name]; | |
} | |
}); | |
}; | |
/***/ }, | |
/* 7 */ | |
/***/ function(module, exports, __webpack_require__) { | |
'use strict'; | |
var utils = __webpack_require__(2); | |
function InterceptorManager() { | |
this.handlers = []; | |
} | |
/** | |
* Add a new interceptor to the stack | |
* | |
* @param {Function} fulfilled The function to handle `then` for a `Promise` | |
* @param {Function} rejected The function to handle `reject` for a `Promise` | |
* | |
* @return {Number} An ID used to remove interceptor later | |
*/ | |
InterceptorManager.prototype.use = function use(fulfilled, rejected) { | |
this.handlers.push({ | |
fulfilled: fulfilled, | |
rejected: rejected | |
}); | |
return this.handlers.length - 1; | |
}; | |
/** | |
* Remove an interceptor from the stack | |
* | |
* @param {Number} id The ID that was returned by `use` | |
*/ | |
InterceptorManager.prototype.eject = function eject(id) { | |
if (this.handlers[id]) { | |
this.handlers[id] = null; | |
} | |
}; | |
/** | |
* Iterate over all the registered interceptors | |
* | |
* This method is particularly useful for skipping over any | |
* interceptors that may have become `null` calling `eject`. | |
* | |
* @param {Function} fn The function to call for each interceptor | |
*/ | |
InterceptorManager.prototype.forEach = function forEach(fn) { | |
utils.forEach(this.handlers, function forEachHandler(h) { | |
if (h !== null) { | |
fn(h); | |
} | |
}); | |
}; | |
module.exports = InterceptorManager; | |
/***/ }, | |
/* 8 */ | |
/***/ function(module, exports, __webpack_require__) { | |
'use strict'; | |
var utils = __webpack_require__(2); | |
var transformData = __webpack_require__(9); | |
/** | |
* Dispatch a request to the server using whichever adapter | |
* is supported by the current environment. | |
* | |
* @param {object} config The config that is to be used for the request | |
* @returns {Promise} The Promise to be fulfilled | |
*/ | |
module.exports = function dispatchRequest(config) { | |
// Ensure headers exist | |
config.headers = config.headers || {}; | |
// Transform request data | |
config.data = transformData( | |
config.data, | |
config.headers, | |
config.transformRequest | |
); | |
// Flatten headers | |
config.headers = utils.merge( | |
config.headers.common || {}, | |
config.headers[config.method] || {}, | |
config.headers || {} | |
); | |
utils.forEach( | |
['delete', 'get', 'head', 'post', 'put', 'patch', 'common'], | |
function cleanHeaderConfig(method) { | |
delete config.headers[method]; | |
} | |
); | |
var adapter; | |
if (typeof config.adapter === 'function') { | |
// For custom adapter support | |
adapter = config.adapter; | |
} else if (typeof XMLHttpRequest !== 'undefined') { | |
// For browsers use XHR adapter | |
adapter = __webpack_require__(10); | |
} else if (typeof process !== 'undefined') { | |
// For node use HTTP adapter | |
adapter = __webpack_require__(10); | |
} | |
return Promise.resolve(config) | |
// Wrap synchronous adapter errors and pass configuration | |
.then(adapter) | |
.then(function onFulfilled(response) { | |
// Transform response data | |
response.data = transformData( | |
response.data, | |
response.headers, | |
config.transformResponse | |
); | |
return response; | |
}, function onRejected(error) { | |
// Transform response data | |
if (error && error.response) { | |
error.response.data = transformData( | |
error.response.data, | |
error.response.headers, | |
config.transformResponse | |
); | |
} | |
return Promise.reject(error); | |
}); | |
}; | |
/***/ }, | |
/* 9 */ | |
/***/ function(module, exports, __webpack_require__) { | |
'use strict'; | |
var utils = __webpack_require__(2); | |
/** | |
* Transform the data for a request or a response | |
* | |
* @param {Object|String} data The data to be transformed | |
* @param {Array} headers The headers for the request or response | |
* @param {Array|Function} fns A single function or Array of functions | |
* @returns {*} The resulting transformed data | |
*/ | |
module.exports = function transformData(data, headers, fns) { | |
/*eslint no-param-reassign:0*/ | |
utils.forEach(fns, function transform(fn) { | |
data = fn(data, headers); | |
}); | |
return data; | |
}; | |
/***/ }, | |
/* 10 */ | |
/***/ function(module, exports, __webpack_require__) { | |
'use strict'; | |
var utils = __webpack_require__(2); | |
var settle = __webpack_require__(11); | |
var buildURL = __webpack_require__(14); | |
var parseHeaders = __webpack_require__(15); | |
var isURLSameOrigin = __webpack_require__(16); | |
var createError = __webpack_require__(12); | |
var btoa = (typeof window !== 'undefined' && window.btoa) || __webpack_require__(17); | |
module.exports = function xhrAdapter(config) { | |
return new Promise(function dispatchXhrRequest(resolve, reject) { | |
var requestData = config.data; | |
var requestHeaders = config.headers; | |
if (utils.isFormData(requestData)) { | |
delete requestHeaders['Content-Type']; // Let the browser set it | |
} | |
var request = new XMLHttpRequest({ mozSystem: true }); // !!!BTF!!! add mozSystem | |
var loadEvent = 'onreadystatechange'; | |
var xDomain = false; | |
// For IE 8/9 CORS support | |
// Only supports POST and GET calls and doesn't returns the response headers. | |
// DON'T do this for testing b/c XMLHttpRequest is mocked, not XDomainRequest. | |
if (("production") !== 'test' && | |
typeof window !== 'undefined' && | |
window.XDomainRequest && !('withCredentials' in request) && | |
!isURLSameOrigin(config.url)) { | |
request = new window.XDomainRequest(); | |
loadEvent = 'onload'; | |
xDomain = true; | |
request.onprogress = function handleProgress() {}; | |
request.ontimeout = function handleTimeout() {}; | |
} | |
// HTTP basic authentication | |
if (config.auth) { | |
var username = config.auth.username || ''; | |
var password = config.auth.password || ''; | |
requestHeaders.Authorization = 'Basic ' + btoa(username + ':' + password); | |
} | |
request.open(config.method.toUpperCase(), buildURL(config.url, config.params, config.paramsSerializer), true); | |
// Set the request timeout in MS | |
request.timeout = config.timeout; | |
// Listen for ready state | |
request[loadEvent] = function handleLoad() { | |
if (!request || (request.readyState !== 4 && !xDomain)) { | |
return; | |
} | |
// The request errored out and we didn't get a response, this will be | |
// handled by onerror instead | |
if (request.status === 0) { | |
return; | |
} | |
// Prepare the response | |
var responseHeaders = 'getAllResponseHeaders' in request ? parseHeaders(request.getAllResponseHeaders()) : null; | |
var responseData = !config.responseType || config.responseType === 'text' ? request.responseText : request.response; | |
var response = { | |
data: responseData, | |
// IE sends 1223 instead of 204 (https://github.com/mzabriskie/axios/issues/201) | |
status: request.status === 1223 ? 204 : request.status, | |
statusText: request.status === 1223 ? 'No Content' : request.statusText, | |
headers: responseHeaders, | |
config: config, | |
request: request | |
}; | |
settle(resolve, reject, response); | |
// Clean up request | |
request = null; | |
}; | |
// Handle low level network errors | |
request.onerror = function handleError() { | |
// Real errors are hidden from us by the browser | |
// onerror should only fire if it's a network error | |
reject(createError('Network Error', config)); | |
// Clean up request | |
request = null; | |
}; | |
// Handle timeout | |
request.ontimeout = function handleTimeout() { | |
reject(createError('timeout of ' + config.timeout + 'ms exceeded', config, 'ECONNABORTED')); | |
// Clean up request | |
request = null; | |
}; | |
// Add xsrf header | |
// This is only done if running in a standard browser environment. | |
// Specifically not if we're in a web worker, or react-native. | |
if (utils.isStandardBrowserEnv()) { | |
var cookies = __webpack_require__(18); | |
// Add xsrf header | |
var xsrfValue = config.withCredentials || isURLSameOrigin(config.url) ? | |
cookies.read(config.xsrfCookieName) : | |
undefined; | |
if (xsrfValue) { | |
requestHeaders[config.xsrfHeaderName] = xsrfValue; | |
} | |
} | |
// Add headers to the request | |
if ('setRequestHeader' in request) { | |
utils.forEach(requestHeaders, function setRequestHeader(val, key) { | |
if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') { | |
// Remove Content-Type if data is undefined | |
delete requestHeaders[key]; | |
} else { | |
// Otherwise add header to the request | |
request.setRequestHeader(key, val); | |
} | |
}); | |
} | |
// Add withCredentials to request if needed | |
if (config.withCredentials) { | |
request.withCredentials = true; | |
} | |
// Add responseType to request if needed | |
if (config.responseType) { | |
try { | |
request.responseType = config.responseType; | |
} catch (e) { | |
if (request.responseType !== 'json') { | |
throw e; | |
} | |
} | |
} | |
// Handle progress if needed | |
if (typeof config.progress === 'function') { | |
if (config.method === 'post' || config.method === 'put') { | |
request.upload.addEventListener('progress', config.progress); | |
} else if (config.method === 'get') { | |
request.addEventListener('progress', config.progress); | |
} | |
} | |
if (requestData === undefined) { | |
requestData = null; | |
} | |
// Send the request | |
request.send(requestData); | |
}); | |
}; | |
/***/ }, | |
/* 11 */ | |
/***/ function(module, exports, __webpack_require__) { | |
'use strict'; | |
var createError = __webpack_require__(12); | |
/** | |
* Resolve or reject a Promise based on response status. | |
* | |
* @param {Function} resolve A function that resolves the promise. | |
* @param {Function} reject A function that rejects the promise. | |
* @param {object} response The response. | |
*/ | |
module.exports = function settle(resolve, reject, response) { | |
var validateStatus = response.config.validateStatus; | |
// Note: status is not exposed by XDomainRequest | |
if (!response.status || !validateStatus || validateStatus(response.status)) { | |
resolve(response); | |
} else { | |
reject(createError( | |
'Request failed with status code ' + response.status, | |
response.config, | |
null, | |
response | |
)); | |
} | |
}; | |
/***/ }, | |
/* 12 */ | |
/***/ function(module, exports, __webpack_require__) { | |
'use strict'; | |
var enhanceError = __webpack_require__(13); | |
/** | |
* Create an Error with the specified message, config, error code, and response. | |
* | |
* @param {string} message The error message. | |
* @param {Object} config The config. | |
* @param {string} [code] The error code (for example, 'ECONNABORTED'). | |
@ @param {Object} [response] The response. | |
* @returns {Error} The created error. | |
*/ | |
module.exports = function createError(message, config, code, response) { | |
var error = new Error(message); | |
return enhanceError(error, config, code, response); | |
}; | |
/***/ }, | |
/* 13 */ | |
/***/ function(module, exports) { | |
'use strict'; | |
/** | |
* Update an Error with the specified config, error code, and response. | |
* | |
* @param {Error} error The error to update. | |
* @param {Object} config The config. | |
* @param {string} [code] The error code (for example, 'ECONNABORTED'). | |
@ @param {Object} [response] The response. | |
* @returns {Error} The error. | |
*/ | |
module.exports = function enhanceError(error, config, code, response) { | |
error.config = config; | |
if (code) { | |
error.code = code; | |
} | |
error.response = response; | |
return error; | |
}; | |
/***/ }, | |
/* 14 */ | |
/***/ function(module, exports, __webpack_require__) { | |
'use strict'; | |
var utils = __webpack_require__(2); | |
function encode(val) { | |
return encodeURIComponent(val). | |
replace(/%40/gi, '@'). | |
replace(/%3A/gi, ':'). | |
replace(/%24/g, '$'). | |
replace(/%2C/gi, ','). | |
replace(/%20/g, '+'). | |
replace(/%5B/gi, '['). | |
replace(/%5D/gi, ']'); | |
} | |
/** | |
* Build a URL by appending params to the end | |
* | |
* @param {string} url The base of the url (e.g., http://www.google.com) | |
* @param {object} [params] The params to be appended | |
* @returns {string} The formatted url | |
*/ | |
module.exports = function buildURL(url, params, paramsSerializer) { | |
/*eslint no-param-reassign:0*/ | |
if (!params) { | |
return url; | |
} | |
var serializedParams; | |
if (paramsSerializer) { | |
serializedParams = paramsSerializer(params); | |
} else if (utils.isURLSearchParams(params)) { | |
serializedParams = params.toString(); | |
} else { | |
var parts = []; | |
utils.forEach(params, function serialize(val, key) { | |
if (val === null || typeof val === 'undefined') { | |
return; | |
} | |
if (utils.isArray(val)) { | |
key = key + '[]'; | |
} | |
if (!utils.isArray(val)) { | |
val = [val]; | |
} | |
utils.forEach(val, function parseValue(v) { | |
if (utils.isDate(v)) { | |
v = v.toISOString(); | |
} else if (utils.isObject(v)) { | |
v = JSON.stringify(v); | |
} | |
parts.push(encode(key) + '=' + encode(v)); | |
}); | |
}); | |
serializedParams = parts.join('&'); | |
} | |
if (serializedParams) { | |
url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams; | |
} | |
return url; | |
}; | |
/***/ }, | |
/* 15 */ | |
/***/ function(module, exports, __webpack_require__) { | |
'use strict'; | |
var utils = __webpack_require__(2); | |
/** | |
* Parse headers into an object | |
* | |
* ``` | |
* Date: Wed, 27 Aug 2014 08:58:49 GMT | |
* Content-Type: application/json | |
* Connection: keep-alive | |
* Transfer-Encoding: chunked | |
* ``` | |
* | |
* @param {String} headers Headers needing to be parsed | |
* @returns {Object} Headers parsed into an object | |
*/ | |
module.exports = function parseHeaders(headers) { | |
var parsed = {}; | |
var key; | |
var val; | |
var i; | |
if (!headers) { return parsed; } | |
utils.forEach(headers.split('\n'), function parser(line) { | |
i = line.indexOf(':'); | |
key = utils.trim(line.substr(0, i)).toLowerCase(); | |
val = utils.trim(line.substr(i + 1)); | |
if (key) { | |
parsed[key] = parsed[key] ? parsed[key] + ', ' + val : val; | |
} | |
}); | |
return parsed; | |
}; | |
/***/ }, | |
/* 16 */ | |
/***/ function(module, exports, __webpack_require__) { | |
'use strict'; | |
var utils = __webpack_require__(2); | |
module.exports = ( | |
utils.isStandardBrowserEnv() ? | |
// Standard browser envs have full support of the APIs needed to test | |
// whether the request URL is of the same origin as current location. | |
(function standardBrowserEnv() { | |
var msie = /(msie|trident)/i.test(navigator.userAgent); | |
var urlParsingNode = document.createElement('a'); | |
var originURL; | |
/** | |
* Parse a URL to discover it's components | |
* | |
* @param {String} url The URL to be parsed | |
* @returns {Object} | |
*/ | |
function resolveURL(url) { | |
var href = url; | |
if (msie) { | |
// IE needs attribute set twice to normalize properties | |
urlParsingNode.setAttribute('href', href); | |
href = urlParsingNode.href; | |
} | |
urlParsingNode.setAttribute('href', href); | |
// urlParsingNode provides the UrlUtils interface - http://url.spec.whatwg.org/#urlutils | |
return { | |
href: urlParsingNode.href, | |
protocol: urlParsingNode.protocol ? urlParsingNode.protocol.replace(/:$/, '') : '', | |
host: urlParsingNode.host, | |
search: urlParsingNode.search ? urlParsingNode.search.replace(/^\?/, '') : '', | |
hash: urlParsingNode.hash ? urlParsingNode.hash.replace(/^#/, '') : '', | |
hostname: urlParsingNode.hostname, | |
port: urlParsingNode.port, | |
pathname: (urlParsingNode.pathname.charAt(0) === '/') ? | |
urlParsingNode.pathname : | |
'/' + urlParsingNode.pathname | |
}; | |
} | |
originURL = resolveURL(window.location.href); | |
/** | |
* Determine if a URL shares the same origin as the current location | |
* | |
* @param {String} requestURL The URL to test | |
* @returns {boolean} True if URL shares the same origin, otherwise false | |
*/ | |
return function isURLSameOrigin(requestURL) { | |
var parsed = (utils.isString(requestURL)) ? resolveURL(requestURL) : requestURL; | |
return (parsed.protocol === originURL.protocol && | |
parsed.host === originURL.host); | |
}; | |
})() : | |
// Non standard browser envs (web workers, react-native) lack needed support. | |
(function nonStandardBrowserEnv() { | |
return function isURLSameOrigin() { | |
return true; | |
}; | |
})() | |
); | |
/***/ }, | |
/* 17 */ | |
/***/ function(module, exports) { | |
'use strict'; | |
// btoa polyfill for IE<10 courtesy https://github.com/davidchambers/Base64.js | |
var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='; | |
function E() { | |
this.message = 'String contains an invalid character'; | |
} | |
E.prototype = new Error; | |
E.prototype.code = 5; | |
E.prototype.name = 'InvalidCharacterError'; | |
function btoa(input) { | |
var str = String(input); | |
var output = ''; | |
for ( | |
// initialize result and counter | |
var block, charCode, idx = 0, map = chars; | |
// if the next str index does not exist: | |
// change the mapping table to "=" | |
// check if d has no fractional digits | |
str.charAt(idx | 0) || (map = '=', idx % 1); | |
// "8 - idx % 1 * 8" generates the sequence 2, 4, 6, 8 | |
output += map.charAt(63 & block >> 8 - idx % 1 * 8) | |
) { | |
charCode = str.charCodeAt(idx += 3 / 4); | |
if (charCode > 0xFF) { | |
throw new E(); | |
} | |
block = block << 8 | charCode; | |
} | |
return output; | |
} | |
module.exports = btoa; | |
/***/ }, | |
/* 18 */ | |
/***/ function(module, exports, __webpack_require__) { | |
'use strict'; | |
var utils = __webpack_require__(2); | |
module.exports = ( | |
utils.isStandardBrowserEnv() ? | |
// Standard browser envs support document.cookie | |
(function standardBrowserEnv() { | |
return { | |
write: function write(name, value, expires, path, domain, secure) { | |
var cookie = []; | |
cookie.push(name + '=' + encodeURIComponent(value)); | |
if (utils.isNumber(expires)) { | |
cookie.push('expires=' + new Date(expires).toGMTString()); | |
} | |
if (utils.isString(path)) { | |
cookie.push('path=' + path); | |
} | |
if (utils.isString(domain)) { | |
cookie.push('domain=' + domain); | |
} | |
if (secure === true) { | |
cookie.push('secure'); | |
} | |
document.cookie = cookie.join('; '); | |
}, | |
read: function read(name) { | |
var match = document.cookie.match(new RegExp('(^|;\\s*)(' + name + ')=([^;]*)')); | |
return (match ? decodeURIComponent(match[3]) : null); | |
}, | |
remove: function remove(name) { | |
this.write(name, '', Date.now() - 86400000); | |
} | |
}; | |
})() : | |
// Non standard browser env (web workers, react-native) lack needed support. | |
(function nonStandardBrowserEnv() { | |
return { | |
write: function write() {}, | |
read: function read() { return null; }, | |
remove: function remove() {} | |
}; | |
})() | |
); | |
/***/ }, | |
/* 19 */ | |
/***/ function(module, exports) { | |
'use strict'; | |
/** | |
* Determines whether the specified URL is absolute | |
* | |
* @param {string} url The URL to test | |
* @returns {boolean} True if the specified URL is absolute, otherwise false | |
*/ | |
module.exports = function isAbsoluteURL(url) { | |
// A URL is considered absolute if it begins with "<scheme>://" or "//" (protocol-relative URL). | |
// RFC 3986 defines scheme name as a sequence of characters beginning with a letter and followed | |
// by any combination of letters, digits, plus, period, or hyphen. | |
return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(url); | |
}; | |
/***/ }, | |
/* 20 */ | |
/***/ function(module, exports) { | |
'use strict'; | |
/** | |
* Creates a new URL by combining the specified URLs | |
* | |
* @param {string} baseURL The base URL | |
* @param {string} relativeURL The relative URL | |
* @returns {string} The combined URL | |
*/ | |
module.exports = function combineURLs(baseURL, relativeURL) { | |
return baseURL.replace(/\/+$/, '') + '/' + relativeURL.replace(/^\/+/, ''); | |
}; | |
/***/ }, | |
/* 21 */ | |
/***/ function(module, exports) { | |
'use strict'; | |
/** | |
* Syntactic sugar for invoking a function and expanding an array for arguments. | |
* | |
* Common use case would be to use `Function.prototype.apply`. | |
* | |
* ```js | |
* function f(x, y, z) {} | |
* var args = [1, 2, 3]; | |
* f.apply(null, args); | |
* ``` | |
* | |
* With `spread` this example can be re-written. | |
* | |
* ```js | |
* spread(function(x, y, z) {})([1, 2, 3]); | |
* ``` | |
* | |
* @param {Function} callback | |
* @returns {Function} | |
*/ | |
module.exports = function spread(callback) { | |
return function wrap(arr) { | |
return callback.apply(null, arr); | |
}; | |
}; | |
/***/ } | |
/******/ ]) | |
}); | |
; | |
//# sourceMappingURL=axios.map |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1"> | |
<title>Hello World</title> | |
<style> | |
body { | |
border: 1px solid black; | |
} | |
</style> | |
<!-- Inline scripts are forbidden in Firefox OS apps (CSP restrictions), | |
so we use a script file. --> | |
<script src="./axios-sysxhr.js" defer></script> | |
<script src="app.js" defer></script> | |
</head> | |
<body> | |
<!-- This code is in the public domain. Enjoy! --> | |
<h1>Hello World</h1> | |
</body> | |
</html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"name": "http-request-example", | |
"description": "A Hello World app", | |
"launch_path": "/index.html", | |
"icons": { | |
"16": "/icons/icon16x16.png", | |
"48": "/icons/icon48x48.png", | |
"60": "/icons/icon60x60.png", | |
"128": "/icons/icon128x128.png" | |
}, | |
"developer": { | |
"name": "Your name", | |
"url": "http://example.com" | |
}, | |
"type": "privileged", | |
"permissions": { | |
"systemXHR" : {} | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment