如何在没有表单php mysql html的情况下发布到数据库

当用户单击

Order

按钮时，我想在不使用任何形式的情况下将

price

和

plateId

字段发布到数据库表中。可能吗？否则，你能提出其他解决方案吗

<div class="menu">
  <img src="/images/wings.png" />
  <div>
    <span id="price">Price:$40.00</span>
    <div class="description">
      <span id="plateId">HOT WINGS</span>
    </div>
  </div>
  <button id="btn">Order</button>
</div>

<div class="menu">
  <img src="/images/chicken.png" />
  <div>
    <span id="price">Price:$70.00</span>
    <div class="description">
      <span>Cooked Chicken</span>
    </div>
  </div>
  <button id="btn">Order</button>
</div>

价格：$40.00
热翅膀
命令
价格：$70.00
熟鸡
命令

通过调用javascript函数，可以通过ajax进行服务器调用，如下所示：

 function send_value() {
   $.ajax({
     type: 'POST',
     url: 'get.php',
     dataType: "json",
     data:({"uniId":"test"}),
     success: function (data) {
     console.log(data);
     } 
  });
  return false;
  }

---

将数据作为参数传递，并将其作为json放入

数据：（{“uniId”：“test”}）

您可以通过ajax调用javascript函数进行服务器调用，如下所示：

 function send_value() {
   $.ajax({
     type: 'POST',
     url: 'get.php',
     dataType: "json",
     data:({"uniId":"test"}),
     success: function (data) {
     console.log(data);
     } 
  });
  return false;
  }

---

将数据作为参数传递，并将其作为json放在

数据中：（{“uniId”：“test”}）

您需要首先调用AJAX，在您的情况下，您应该收集有关

plateId

和

price

的信息，并将数据返回到AJAX，以便它可以存储在您的数据库中

   $('#btn').click(function () {
     var orderInformation = {
       var price = $(#price).text();
       var plateId = $(#plateId).text();
     };

     $.ajax({
       type: 'POST',
       url: 'post-information-in-your-db.php',
       dataType: "json",
       data:(orderInformation),
       success: function (data) {
         alert(data);
       }
     }); 
   });

---

也可以在

成功后处理变量返回的数据和不同的显示形状
您需要首先调用AJAX，在您的情况下，您应该收集有关
平板
和
价格
的信息并将数据返回到AJAX因此它可以存储在数据库中

   $('#btn').click(function () {
     var orderInformation = {
       var price = $(#price).text();
       var plateId = $(#plateId).text();
     };

     $.ajax({
       type: 'POST',
       url: 'post-information-in-your-db.php',
       dataType: "json",
       data:(orderInformation),
       success: function (data) {
         alert(data);
       }
     }); 
   });

也可以在
成功后处理变量返回的数据和不同的显示形状