Ajax.js 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679
  1. /* Copyright (c) 2006-2011 by OpenLayers Contributors (see authors.txt for
  2. * full list of contributors). Published under the Clear BSD license.
  3. * See http://svn.openlayers.org/trunk/openlayers/license.txt for the
  4. * full text of the license. */
  5. /**
  6. * @requires OpenLayers/Request/XMLHttpRequest.js
  7. * @requires OpenLayers/Console.js
  8. * @requires OpenLayers/Lang.js
  9. */
  10. OpenLayers.ProxyHost = "";
  11. //OpenLayers.ProxyHost = "examples/proxy.cgi?url=";
  12. /**
  13. * Ajax reader for OpenLayers
  14. *
  15. * @uri url to do remote XML http get
  16. * @param {String} 'get' format params (x=y&a=b...)
  17. * @who object to handle callbacks for this request
  18. * @complete the function to be called on success
  19. * @failure the function to be called on failure
  20. *
  21. * example usage from a caller:
  22. *
  23. * caps: function(request) {
  24. * -blah-
  25. * },
  26. *
  27. * OpenLayers.loadURL(url,params,this,caps);
  28. *
  29. * Notice the above example does not provide an error handler; a default empty
  30. * handler is provided which merely logs the error if a failure handler is not
  31. * supplied
  32. *
  33. */
  34. /**
  35. * Function: OpenLayers.nullHandler
  36. * @param {} request
  37. */
  38. OpenLayers.nullHandler = function(request) {
  39. OpenLayers.Console.userError(OpenLayers.i18n("unhandledRequest", {'statusText':request.statusText}));
  40. };
  41. /**
  42. * APIFunction: OpenLayers.loadURL
  43. * Background load a document.
  44. * *Deprecated*. Use <OpenLayers.Request.GET> method instead.
  45. *
  46. * Parameters:
  47. * uri - {String} URI of source doc
  48. * params - {String} or {Object} GET params. Either a string in the form
  49. * "?hello=world&foo=bar" (do not forget the leading question mark)
  50. * or an object in the form {'hello': 'world', 'foo': 'bar}
  51. * caller - {Object} object which gets callbacks
  52. * onComplete - {Function} Optional callback for success. The callback
  53. * will be called with this set to caller and will receive the request
  54. * object as an argument. Note that if you do not specify an onComplete
  55. * function, <OpenLayers.nullHandler> will be called (which pops up a
  56. * user friendly error message dialog).
  57. * onFailure - {Function} Optional callback for failure. In the event of
  58. * a failure, the callback will be called with this set to caller and will
  59. * receive the request object as an argument. Note that if you do not
  60. * specify an onComplete function, <OpenLayers.nullHandler> will be called
  61. * (which pops up a user friendly error message dialog).
  62. *
  63. * Returns:
  64. * {<OpenLayers.Request.XMLHttpRequest>} The request object. To abort loading,
  65. * call request.abort().
  66. */
  67. OpenLayers.loadURL = function(uri, params, caller,
  68. onComplete, onFailure) {
  69. if(typeof params == 'string') {
  70. params = OpenLayers.Util.getParameters(params);
  71. }
  72. var success = (onComplete) ? onComplete : OpenLayers.nullHandler;
  73. var failure = (onFailure) ? onFailure : OpenLayers.nullHandler;
  74. return OpenLayers.Request.GET({
  75. url: uri, params: params,
  76. success: success, failure: failure, scope: caller
  77. });
  78. };
  79. /**
  80. * Function: OpenLayers.parseXMLString
  81. * Parse XML into a doc structure
  82. *
  83. * Parameters:
  84. * text - {String}
  85. *
  86. * Returns:
  87. * {?} Parsed AJAX Responsev
  88. */
  89. OpenLayers.parseXMLString = function(text) {
  90. //MS sucks, if the server is bad it dies
  91. var index = text.indexOf('<');
  92. if (index > 0) {
  93. text = text.substring(index);
  94. }
  95. var ajaxResponse = OpenLayers.Util.Try(
  96. function() {
  97. var xmldom = new ActiveXObject('Microsoft.XMLDOM');
  98. xmldom.loadXML(text);
  99. return xmldom;
  100. },
  101. function() {
  102. return new DOMParser().parseFromString(text, 'text/xml');
  103. },
  104. function() {
  105. var req = new XMLHttpRequest();
  106. req.open("GET", "data:" + "text/xml" +
  107. ";charset=utf-8," + encodeURIComponent(text), false);
  108. if (req.overrideMimeType) {
  109. req.overrideMimeType("text/xml");
  110. }
  111. req.send(null);
  112. return req.responseXML;
  113. }
  114. );
  115. return ajaxResponse;
  116. };
  117. /**
  118. * Namespace: OpenLayers.Ajax
  119. */
  120. OpenLayers.Ajax = {
  121. /**
  122. * Method: emptyFunction
  123. */
  124. emptyFunction: function () {},
  125. /**
  126. * Method: getTransport
  127. *
  128. * Returns:
  129. * {Object} Transport mechanism for whichever browser we're in, or false if
  130. * none available.
  131. */
  132. getTransport: function() {
  133. return OpenLayers.Util.Try(
  134. function() {return new XMLHttpRequest();},
  135. function() {return new ActiveXObject('Msxml2.XMLHTTP');},
  136. function() {return new ActiveXObject('Microsoft.XMLHTTP');}
  137. ) || false;
  138. },
  139. /**
  140. * Property: activeRequestCount
  141. * {Integer}
  142. */
  143. activeRequestCount: 0
  144. };
  145. /**
  146. * Namespace: OpenLayers.Ajax.Responders
  147. * {Object}
  148. */
  149. OpenLayers.Ajax.Responders = {
  150. /**
  151. * Property: responders
  152. * {Array}
  153. */
  154. responders: [],
  155. /**
  156. * Method: register
  157. *
  158. * Parameters:
  159. * responderToAdd - {?}
  160. */
  161. register: function(responderToAdd) {
  162. for (var i = 0; i < this.responders.length; i++){
  163. if (responderToAdd == this.responders[i]){
  164. return;
  165. }
  166. }
  167. this.responders.push(responderToAdd);
  168. },
  169. /**
  170. * Method: unregister
  171. *
  172. * Parameters:
  173. * responderToRemove - {?}
  174. */
  175. unregister: function(responderToRemove) {
  176. OpenLayers.Util.removeItem(this.reponders, responderToRemove);
  177. },
  178. /**
  179. * Method: dispatch
  180. *
  181. * Parameters:
  182. * callback - {?}
  183. * request - {?}
  184. * transport - {?}
  185. */
  186. dispatch: function(callback, request, transport) {
  187. var responder;
  188. for (var i = 0; i < this.responders.length; i++) {
  189. responder = this.responders[i];
  190. if (responder[callback] &&
  191. typeof responder[callback] == 'function') {
  192. try {
  193. responder[callback].apply(responder,
  194. [request, transport]);
  195. } catch (e) {}
  196. }
  197. }
  198. }
  199. };
  200. OpenLayers.Ajax.Responders.register({
  201. /**
  202. * Function: onCreate
  203. */
  204. onCreate: function() {
  205. OpenLayers.Ajax.activeRequestCount++;
  206. },
  207. /**
  208. * Function: onComplete
  209. */
  210. onComplete: function() {
  211. OpenLayers.Ajax.activeRequestCount--;
  212. }
  213. });
  214. /**
  215. * Class: OpenLayers.Ajax.Base
  216. */
  217. OpenLayers.Ajax.Base = OpenLayers.Class({
  218. /**
  219. * Constructor: OpenLayers.Ajax.Base
  220. *
  221. * Parameters:
  222. * options - {Object}
  223. */
  224. initialize: function(options) {
  225. this.options = {
  226. method: 'post',
  227. asynchronous: true,
  228. contentType: 'application/xml',
  229. parameters: ''
  230. };
  231. OpenLayers.Util.extend(this.options, options || {});
  232. this.options.method = this.options.method.toLowerCase();
  233. if (typeof this.options.parameters == 'string') {
  234. this.options.parameters =
  235. OpenLayers.Util.getParameters(this.options.parameters);
  236. }
  237. }
  238. });
  239. /**
  240. * Class: OpenLayers.Ajax.Request
  241. * *Deprecated*. Use <OpenLayers.Request> method instead.
  242. *
  243. * Inherit:
  244. * - <OpenLayers.Ajax.Base>
  245. */
  246. OpenLayers.Ajax.Request = OpenLayers.Class(OpenLayers.Ajax.Base, {
  247. /**
  248. * Property: _complete
  249. *
  250. * {Boolean}
  251. */
  252. _complete: false,
  253. /**
  254. * Constructor: OpenLayers.Ajax.Request
  255. *
  256. * Parameters:
  257. * url - {String}
  258. * options - {Object}
  259. */
  260. initialize: function(url, options) {
  261. OpenLayers.Ajax.Base.prototype.initialize.apply(this, [options]);
  262. if (OpenLayers.ProxyHost && OpenLayers.String.startsWith(url, "http")) {
  263. url = OpenLayers.ProxyHost + encodeURIComponent(url);
  264. }
  265. this.transport = OpenLayers.Ajax.getTransport();
  266. this.request(url);
  267. },
  268. /**
  269. * Method: request
  270. *
  271. * Parameters:
  272. * url - {String}
  273. */
  274. request: function(url) {
  275. this.url = url;
  276. this.method = this.options.method;
  277. var params = OpenLayers.Util.extend({}, this.options.parameters);
  278. if (this.method != 'get' && this.method != 'post') {
  279. // simulate other verbs over post
  280. params['_method'] = this.method;
  281. this.method = 'post';
  282. }
  283. this.parameters = params;
  284. if (params = OpenLayers.Util.getParameterString(params)) {
  285. // when GET, append parameters to URL
  286. if (this.method == 'get') {
  287. this.url += ((this.url.indexOf('?') > -1) ? '&' : '?') + params;
  288. } else if (/Konqueror|Safari|KHTML/.test(navigator.userAgent)) {
  289. params += '&_=';
  290. }
  291. }
  292. try {
  293. var response = new OpenLayers.Ajax.Response(this);
  294. if (this.options.onCreate) {
  295. this.options.onCreate(response);
  296. }
  297. OpenLayers.Ajax.Responders.dispatch('onCreate',
  298. this,
  299. response);
  300. this.transport.open(this.method.toUpperCase(),
  301. this.url,
  302. this.options.asynchronous);
  303. if (this.options.asynchronous) {
  304. window.setTimeout(
  305. OpenLayers.Function.bind(this.respondToReadyState, this, 1),
  306. 10);
  307. }
  308. this.transport.onreadystatechange =
  309. OpenLayers.Function.bind(this.onStateChange, this);
  310. this.setRequestHeaders();
  311. this.body = this.method == 'post' ?
  312. (this.options.postBody || params) : null;
  313. this.transport.send(this.body);
  314. // Force Firefox to handle ready state 4 for synchronous requests
  315. if (!this.options.asynchronous &&
  316. this.transport.overrideMimeType) {
  317. this.onStateChange();
  318. }
  319. } catch (e) {
  320. this.dispatchException(e);
  321. }
  322. },
  323. /**
  324. * Method: onStateChange
  325. */
  326. onStateChange: function() {
  327. var readyState = this.transport.readyState;
  328. if (readyState > 1 && !((readyState == 4) && this._complete)) {
  329. this.respondToReadyState(this.transport.readyState);
  330. }
  331. },
  332. /**
  333. * Method: setRequestHeaders
  334. */
  335. setRequestHeaders: function() {
  336. var headers = {
  337. 'X-Requested-With': 'XMLHttpRequest',
  338. 'Accept': 'text/javascript, text/html, application/xml, text/xml, */*',
  339. 'OpenLayers': true
  340. };
  341. if (this.method == 'post') {
  342. headers['Content-type'] = this.options.contentType +
  343. (this.options.encoding ? '; charset=' + this.options.encoding : '');
  344. /* Force "Connection: close" for older Mozilla browsers to work
  345. * around a bug where XMLHttpRequest sends an incorrect
  346. * Content-length header. See Mozilla Bugzilla #246651.
  347. */
  348. if (this.transport.overrideMimeType &&
  349. (navigator.userAgent.match(/Gecko\/(\d{4})/) || [0,2005])[1] < 2005) {
  350. headers['Connection'] = 'close';
  351. }
  352. }
  353. // user-defined headers
  354. if (typeof this.options.requestHeaders == 'object') {
  355. var extras = this.options.requestHeaders;
  356. if (typeof extras.push == 'function') {
  357. for (var i = 0, length = extras.length; i < length; i += 2) {
  358. headers[extras[i]] = extras[i+1];
  359. }
  360. } else {
  361. for (var i in extras) {
  362. headers[i] = extras[i];
  363. }
  364. }
  365. }
  366. for (var name in headers) {
  367. this.transport.setRequestHeader(name, headers[name]);
  368. }
  369. },
  370. /**
  371. * Method: success
  372. *
  373. * Returns:
  374. * {Boolean} -
  375. */
  376. success: function() {
  377. var status = this.getStatus();
  378. return !status || (status >=200 && status < 300);
  379. },
  380. /**
  381. * Method: getStatus
  382. *
  383. * Returns:
  384. * {Integer} - Status
  385. */
  386. getStatus: function() {
  387. try {
  388. return this.transport.status || 0;
  389. } catch (e) {
  390. return 0;
  391. }
  392. },
  393. /**
  394. * Method: respondToReadyState
  395. *
  396. * Parameters:
  397. * readyState - {?}
  398. */
  399. respondToReadyState: function(readyState) {
  400. var state = OpenLayers.Ajax.Request.Events[readyState];
  401. var response = new OpenLayers.Ajax.Response(this);
  402. if (state == 'Complete') {
  403. try {
  404. this._complete = true;
  405. (this.options['on' + response.status] ||
  406. this.options['on' + (this.success() ? 'Success' : 'Failure')] ||
  407. OpenLayers.Ajax.emptyFunction)(response);
  408. } catch (e) {
  409. this.dispatchException(e);
  410. }
  411. var contentType = response.getHeader('Content-type');
  412. }
  413. try {
  414. (this.options['on' + state] ||
  415. OpenLayers.Ajax.emptyFunction)(response);
  416. OpenLayers.Ajax.Responders.dispatch('on' + state,
  417. this,
  418. response);
  419. } catch (e) {
  420. this.dispatchException(e);
  421. }
  422. if (state == 'Complete') {
  423. // avoid memory leak in MSIE: clean up
  424. this.transport.onreadystatechange = OpenLayers.Ajax.emptyFunction;
  425. }
  426. },
  427. /**
  428. * Method: getHeader
  429. *
  430. * Parameters:
  431. * name - {String} Header name
  432. *
  433. * Returns:
  434. * {?} - response header for the given name
  435. */
  436. getHeader: function(name) {
  437. try {
  438. return this.transport.getResponseHeader(name);
  439. } catch (e) {
  440. return null;
  441. }
  442. },
  443. /**
  444. * Method: dispatchException
  445. * If the optional onException function is set, execute it
  446. * and then dispatch the call to any other listener registered
  447. * for onException.
  448. *
  449. * If no optional onException function is set, we suspect that
  450. * the user may have also not used
  451. * OpenLayers.Ajax.Responders.register to register a listener
  452. * for the onException call. To make sure that something
  453. * gets done with this exception, only dispatch the call if there
  454. * are listeners.
  455. *
  456. * If you explicitly want to swallow exceptions, set
  457. * request.options.onException to an empty function (function(){})
  458. * or register an empty function with <OpenLayers.Ajax.Responders>
  459. * for onException.
  460. *
  461. * Parameters:
  462. * exception - {?}
  463. */
  464. dispatchException: function(exception) {
  465. var handler = this.options.onException;
  466. if(handler) {
  467. // call options.onException and alert any other listeners
  468. handler(this, exception);
  469. OpenLayers.Ajax.Responders.dispatch('onException', this, exception);
  470. } else {
  471. // check if there are any other listeners
  472. var listener = false;
  473. var responders = OpenLayers.Ajax.Responders.responders;
  474. for (var i = 0; i < responders.length; i++) {
  475. if(responders[i].onException) {
  476. listener = true;
  477. break;
  478. }
  479. }
  480. if(listener) {
  481. // call all listeners
  482. OpenLayers.Ajax.Responders.dispatch('onException', this, exception);
  483. } else {
  484. // let the exception through
  485. throw exception;
  486. }
  487. }
  488. }
  489. });
  490. /**
  491. * Property: Events
  492. * {Array(String)}
  493. */
  494. OpenLayers.Ajax.Request.Events =
  495. ['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete'];
  496. /**
  497. * Class: OpenLayers.Ajax.Response
  498. */
  499. OpenLayers.Ajax.Response = OpenLayers.Class({
  500. /**
  501. * Property: status
  502. *
  503. * {Integer}
  504. */
  505. status: 0,
  506. /**
  507. * Property: statusText
  508. *
  509. * {String}
  510. */
  511. statusText: '',
  512. /**
  513. * Constructor: OpenLayers.Ajax.Response
  514. *
  515. * Parameters:
  516. * request - {Object}
  517. */
  518. initialize: function(request) {
  519. this.request = request;
  520. var transport = this.transport = request.transport,
  521. readyState = this.readyState = transport.readyState;
  522. if ((readyState > 2 &&
  523. !(!!(window.attachEvent && !window.opera))) ||
  524. readyState == 4) {
  525. this.status = this.getStatus();
  526. this.statusText = this.getStatusText();
  527. this.responseText = transport.responseText == null ?
  528. '' : String(transport.responseText);
  529. }
  530. if(readyState == 4) {
  531. var xml = transport.responseXML;
  532. this.responseXML = xml === undefined ? null : xml;
  533. }
  534. },
  535. /**
  536. * Method: getStatus
  537. */
  538. getStatus: OpenLayers.Ajax.Request.prototype.getStatus,
  539. /**
  540. * Method: getStatustext
  541. *
  542. * Returns:
  543. * {String} - statusText
  544. */
  545. getStatusText: function() {
  546. try {
  547. return this.transport.statusText || '';
  548. } catch (e) {
  549. return '';
  550. }
  551. },
  552. /**
  553. * Method: getHeader
  554. */
  555. getHeader: OpenLayers.Ajax.Request.prototype.getHeader,
  556. /**
  557. * Method: getResponseHeader
  558. *
  559. * Returns:
  560. * {?} - response header for given name
  561. */
  562. getResponseHeader: function(name) {
  563. return this.transport.getResponseHeader(name);
  564. }
  565. });
  566. /**
  567. * Function: getElementsByTagNameNS
  568. *
  569. * Parameters:
  570. * parentnode - {?}
  571. * nsuri - {?}
  572. * nsprefix - {?}
  573. * tagname - {?}
  574. *
  575. * Returns:
  576. * {?}
  577. */
  578. OpenLayers.Ajax.getElementsByTagNameNS = function(parentnode, nsuri,
  579. nsprefix, tagname) {
  580. var elem = null;
  581. if (parentnode.getElementsByTagNameNS) {
  582. elem = parentnode.getElementsByTagNameNS(nsuri, tagname);
  583. } else {
  584. elem = parentnode.getElementsByTagName(nsprefix + ':' + tagname);
  585. }
  586. return elem;
  587. };
  588. /**
  589. * Function: serializeXMLToString
  590. * Wrapper function around XMLSerializer, which doesn't exist/work in
  591. * IE/Safari. We need to come up with a way to serialize in those browser:
  592. * for now, these browsers will just fail. #535, #536
  593. *
  594. * Parameters:
  595. * xmldom {XMLNode} xml dom to serialize
  596. *
  597. * Returns:
  598. * {?}
  599. */
  600. OpenLayers.Ajax.serializeXMLToString = function(xmldom) {
  601. var serializer = new XMLSerializer();
  602. var data = serializer.serializeToString(xmldom);
  603. return data;
  604. };