postcode.js.jsx

var PostcodeCheck = React.createClass({

  // all existing code again omitted
  
  handleSubmit: function(e) {
    e.preventDefault();

    if (!this.state.postcode || !this.state.housenumber) {
      this.setState({result: 'Postcode en huisnummer zijn verplichte velden.'});
      return;
    }

    $.ajax({
      dataType: 'json',
      url: '/postcodecheck/' + this.state.postcode + '/' + this.state.housenumber + '/' + this.state.housenumberAddition,
      success: function(data) {
        if (data.available) {
          this.setState({result: 'Uw adres is beschikbaar in BLITTS!'});
        } else {
          this.setState({result: 'Uw adres is helaas nog niet beschikbaar in BLITTS voor het aanvragen van een vergunning, maar u kunt wel controleren of u vergunningsvrij kunt bouwen.'});
        }
      }.bind(this),
      error: function(xhr, status, err) {
        console.error(status, err.toString());
      }.bind(this)
    });
  }
});