Получение HTML объекта и передача его в виде строки в jQuery

Question

Я пытаюсь получить значения id и сумму из элемента html с помощью jQuery, но я пытаюсь выяснить, как получить значение и передать ему строку.

Вот Мои HTML элементы ввода totalAmountIn изменяют значение как число с плавающей запятой:

<input type="text" value="0.00" id="totalAmountIn" readonly="readonly"></input>

<div class="col-md-4">
  <h1>Message</h1>
  <input type="text" value="" id="messageDisplay" readonly="readonly"></input>

  <h3>Item:</h3>
  <input type="text" value="" id="itemId"></input>
  <div class="col-md-4">
    <button type="button" id="makePurchase" class="btn btn-default">
            Make Purchase
        </button>
  </div>
</div>

Я пытался использовать объект, такой как $("#itemId"), и передать ему строку, используя toString(), но я не получаю фактический ввод.

$("#makePurchase").on("click", function () {
        var id = $("#itemId").toString();
        var amount = $("#totalAmountIn").toString();
        var message = $("#messageDisplay");

        $.ajax({
            type: 'GET',
            url: 'http://localhost:8080/money/' + amount + '/item/' + id,
            success: function(itemInput) {
                message.val(itemInput.message);
            },
            error: function(ex) {

                message.val("error");
            }

        })

    })

Я заметил, что каждая переменная передается как [object%20Object], возможно, я не получаю значение правильно, как мне это сделать?

Answer 1

Вам необходимо использовать функцию .val(), поэтому var id = $("#itemID").val(); должна получить значение поля ввода.

Источник: https://www.tutorialrepublic.com/faq/how-to-get-the-value-in-an-input-text-box-using-jquery.php

Answer 2

попробуйте использовать это и дайте мне знать, если есть ошибка

      $(document).ready(function () {
          $("#makePurchase").on("click", function () {
                var id = $("#itemId").val();
                var amount = $("#totalAmountIn").val();
                var message = $("#messageDisplay");

                $.ajax({
                    type: 'GET',
                    url: 'http://localhost:8080/',
                     data: "amount="+ amount +"&item="+ id +"",
                    success: function(itemInput) {
                        message.val(itemInput.message);
                    },
                    error: function(ex) {

                        message.val("error");
                    }

                })

            })
        });