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

Question

当用户单击“ Order按钮时，我想在不使用任何表单的情况下将price和plateId字段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>

Answer 1

您可以通过以下方式调用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放入data:({"uniId":"test"})

Answer 2

您需要首先调用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);
       }
     }); 
   });

另外，也可以处理由后的变量和不同的显示形状返回的数据success 。