Question

我正在尝试将数据从ReactJS表单发送到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');
                  }
                });
            });
        });
}

我收到此错误消息

'$'未定义

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

Answer 1

我用npm安装JQuery

npm install jQuery --save

然后我将jQuery组件添加到我的应用程序

import $ from 'jquery';

最后它有效。

Answer 2

确保您的jquery文件位于reactjs文件的前面。您可以尝试：

$ npm i jquery

然后导入

$ import $ from 'jquery'

使用ReactJS发送数据时未定义$

2 个答案: