Как отправить форму с веб-страницы параметров для анализа функции облака?

Question

Я создаю веб-форму для добавления какой-либо строки в базу данных, и теперь моя функция добавления работает отлично, но мой веб-сайт не отправляет параметры для работы, когда я нажимаю на кнопку отправить, и консольный журнал отправляет мне undefined, я не знаю, что делать пожалуйста, помогите и спасибо

Вот мой код функции и отлично работает

Parse.Cloud.define('addSynonym', function (request, response) {
  var SYN = Parse.Object.extend("Synonym");
  var CommonwordFromUser = request.params.common_word;
  var SynonymwordFromUser = request.params.synonym_word;
  console.log(CommonwordFromUser);
  console.log(SynonymwordFromUser);
  if (CommonwordFromUser == null || SynonymwordFromUser == null) {
    response.error("request null values");
  } else {
    var query = new Parse.Query(SYN)
    query.find({
      success: function (synResponse) {
        var synOBJ = new SYN();
        synOBJ.set("common_word", CommonwordFromUser);
        synOBJ.set("synonym_word", SynonymwordFromUser);
        synOBJ.save(null, {
          success: function (success) {
            response.success({
              "common_word": CommonwordFromUser,
              "synonym_word": SynonymwordFromUser
            });
          },
          error: function (error) {
            response.error("save failed : " + error.code);
          }
        });
      }
    })
  }
});

Здесь моя паутина формирует мою проблему

    <form id="contact" class="registerForm">

      <div class="alert alert-success" id="alertbox">
        <strong>Success!</strong> Your Synonym has uploaded.
      </div>

      <div class="text-center">
        <img src="img/icon.png" class="text-center" alt="Responsive image" width="90" height="90">
      </div>
      <h3 class="text-center font-weight-normal">Welcome to synonym Menu</h3>

      <label id="label-tags" for="ask-tags">Common Word :</label>
      <fieldset class="form-group">
        <input id="common_word" name="common_word" placeholder="Please type some word" type="text" tabindex="1" required>
      </fieldset>
      <label id="label-tags" for="ask-tags">Synonym Word :</label>
      <fieldset class="form-group">
        <input id="synonym_word" name="synonym_word" placeholder="Please type some word" type="text" tabindex="2"
          required>
      </fieldset>
      <fieldset class="form-group">
        <button name="submit" type="submit" onclick="submitfrom()" id="contact-submit">Submit</button>
      </fieldset>
      </form>
  </div>

  <!-- jQuery -->
  <script src="js/jquery.js"></script>

  <!-- Bootstrap Core JavaScript -->
  <script src="js/bootstrap.min.js"></script>
  <script src="js/standalone/selectize.min.js"></script>
  <script src="js/bootstrapValidator.min.js"></script>


  <script>
    $('.registerForm').bootstrapValidator({
      message: 'This value is not valid',
      feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
      },
      fields: {
        common_word: {
          validators: {
            notEmpty: {
              message: 'Require !!'
            }
          }
        },
        synonym_word: {
          validators: {
            notEmpty: {
              message: 'Require !!'
            }
          }
        },
      }
    }).on('success.form.bv', function (e) {
      submitfrom();
    });
    $('#alertbox').hide();


    function submitfrom() {
      var common_word = $('#common_word').val();
      var synonym_word = $('#synonym_word').val();


      var obj = [{
        "common_word": common_word,
        "synonym_word": synonym_word,
      }];

      var data = '{"objects":' + JSON.stringify(obj) + '}';
      callParseServerCloudCode("addSynonym", data, function (response) {
        if (response) {
          console.log(response);
          alert("?:Ok !");
          location.reload();
        }
      });
      $(this).scrollTop(0);
      $('.registerForm').data('bootstrapValidator').resetForm();
      $('#alertbox').show();
      $('#alertbox').fadeTo(2000, 500).slideUp(500, function () {
        $('#alertbox').hide();
      });
    }


    function callParseServerCloudCode(methodName, requestMsg, responseMsg) {
      var xhr = new XMLHttpRequest();
      xhr.open('POST', 'https://xxxxxxxxxxxx.herokuapp.com/parse/functions/' + methodName, true);
      xhr.setRequestHeader('Content-type', 'application/json');
      xhr.setRequestHeader('X-Parse-Application-Id', 'myAppId');
      xhr.setRequestHeader('X-Parse-Master-Key', 'myMasterKey');

      xhr.onreadystatechange = function () {
        if (this.readyState == 4 && this.status == 200) {
          var myArr = JSON.parse(this.responseText);
          responseMsg(myArr.result);
        }
      };

      xhr.send(requestMsg);
    }
  </script>

</body>

</html>

Answer 1

Вариант 1: Просто измените строки ниже, и это должно работать

var obj = {
  "common_word": common_word,
  "synonym_word": synonym_word,
};

var data = JSON.stringify(obj);

Вариант 2 (рекомендуется):

• Установить Parse JS SDK: https://docs.parseplatform.org/js/guide/#getting-started
• Вызовите код облака следующим образом:

Parse.Cloud.run(
  "addSynonym",
  {
    "common_word": common_word,
    "synonym_word": synonym_word
  }
).then(
  function() {
    console.log('success');
  },
  function (error) {
    console.error(error);
  }
);