$ is not defined when sending data with ReactJS

Question

I'm tryin to send data from a ReactJS form to PHP:

handleSubmit(event){
    $(function () {
        $('form').on('submit', function (e) {
            e.preventDefault();
                $.ajax({
                  type: 'post',
                  url: 'Register.php',
                  data: $('form').serialize(),
                  success: function () {
                    alert('form was submitted');
                  }
                });
            });
        });
}

I got this error message

'$' is not defined

<script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script>

The error usually indicate that the JavaScript file hasn't been loaded or you are calling the JavaScript code before it has been processed by the JS engine. — user2417483
– user2417483, Commented Sep 11, 2017 at 21:28

MeowMeow · Accepted Answer · 2017-09-11 21:43:06Z

1

I install JQuery with npm

npm install jQuery --save

then I add jQuery componement to my app

import $ from 'jquery';

And finally it works.

answered Sep 11, 2017 at 21:43

MeowMeow

931 gold badge2 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alvin · Accepted Answer · 2017-09-12 02:38:44Z

0

Make sure your jquery file is in front of the reactjs file。or you can try:

$ npm i jquery

then import it

$ import $ from 'jquery'

answered Sep 12, 2017 at 2:38

Alvin

3182 silver badges15 bronze badges

1 Comment

A. L Over a year ago

OP already answered their question... and over 5 hours ago... Not sure why you're submitting the exact same answer.

Collectives™ on Stack Overflow

$ is not defined when sending data with ReactJS

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related