Why am I not receiving any response from my PHP page and no other errors?

manpreet Best Answer 2 years ago

I have 2 pages, practice.php and addtocart.php. In practice.php, I gather info from a form and send the info using AJAX to addtocart.php. This page then connects to the database and inserts my values. However I am not receiving any response from addtocart.php and no data is being inserted in the database.

I have been trying to figure out the problem but cannot seem to find it. Please help.

practice.php

   //form from which addtocart is being called
     <form id="mehendicones">
      Color: <input list="mehendi_color" class="mehendi_color" 
         id="mehendi_color1">
                <datalist id="mehendi_color">
                    <option value="Black">
                    <option value="White">
                    <option value="Brown">
                    <option value="Dark Red"> 
                datalist>
                    

                <p id="price">17p>
        Quantity<input type="number" min="5" max="15" 
             id="quantity_mehendi_color" step="1">

        <input type="submit" value="ADD TO CART" style="text-align:center;" 
           onclick="addtocart()" >

            form>

function addtocart() {
  var request = new XMLHttpRequest();
  var url = "addtocart.php";
  request.open("POST", url, true);
  request.setRequestHeader("Content-Type", "application/x-www-form- 
      urlencoded");
  request.onreadystatechange = function () {
    if (request.readyState === 4 && request.status === 200) {
      alert(request.response);
    }
  };
  var pdetails = "mehendi cones";
  var pquantity = document.forms["mehendicones"] 
  ["quantity_mehendi_color"].value;
  var pcolor = document.forms["mehendicones"] 
  ["mehendi_color1"].value;
  var price = document.getElementById("price").innerHTML;

  var data = ({
    "pdetails": pdetails, 
    "pquantity": pquantity, 
    "pcolor": pcolor, 
    "price": price
  });

  request.send(data);
}

addtocart.php

                                                

                                                                                                        
                                                    
                                                
                                                


                                                    

                                                        
                                                            1
                                                            views 

                                                            0
                                                                likes 
                                                            
                                                            

                                                            0
                                                            shares

                                                            


    

         Facebook
        
         Twitter
        
        
         Linked In 
        
          WhatsApp