Ajax Request Component for React.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
example
src
.gitignore
LICENSE
README.md
bower.json
gulpfile.js
package.json

README.md

React-Ajax

Ajax Request Component for React.

Demo & Examples

Live demo: yuanyan.github.io/react-ajax

To build the examples locally, run:

npm install
gulp dev

Then open localhost:9999 in a browser.

Installation

The easiest way to use React-ajax is to install it from NPM and include it in your own React build process (using Browserify, etc).

You can also use the standalone build by including dist/react-ajax.js in your page. If you use this, make sure you have already included React, and it is available as a global variable.

npm install react-ajax --save

Usage

var Ajax = require('react-ajax');

<Ajax url="data.json" onResponse={this.responseHandler} />

Properties

  • url The request url.
  • method The HTTP method to use such as 'GET', 'POST', 'PUT', or 'DELETE'. Default is 'GET'.
  • params Parameters to send to the specified URL.
  • body Optional raw body content to send when method === "POST".
  • headers HTTP request headers to send.
  • accept Setting HTTP accept header, specify either the full canonicalized MIME type name as type/subtype, or the extension suffix form as "xml", "json", "png".
  • type Setting HTTP contentType header, accepting the canonicalized MIME type name complete with type/subtype, or simply the extension name such as "xml", "json", "png".
  • withCredentials Set the withCredentials flag on the request.
  • timeout Request timeouts(ms).

Events

These are the special events implemented by ajax.

  • onResponse fired when request response