How yo post to a database without a form php mysql html

Question

I want to post the fields price and plateId to a database table without using any form, when the user clicks the Order button. Would it be possible? Otherwise, could you suggest an other solution?

<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>

Gabriel · Accepted Answer · 2017-10-22 12:46:54Z

1

You need to call AJAX first and in your case you should collect information about plateId and price and return the data to AJAX so it can store in your database.

   $('#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);
       }
     }); 
   });

It is also possible to treat the data returned from the variable and different display shapes after success.

edited Oct 22, 2017 at 12:46

answered Oct 21, 2017 at 16:05

Gabriel

2571 gold badge7 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mukarram Ali · Accepted Answer · 2017-10-20 17:04:24Z

1

you can make a server call through ajax by calling a javascript function as:

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

Pass data as an argument and put them as json in data:({"uniId":"test"})

answered Oct 20, 2017 at 17:04

Mukarram Ali

4276 silver badges24 bronze badges

Collectives™ on Stack Overflow

How yo post to a database without a form php mysql html

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related