Php not receiving post from JavaScript

Question

I have implemented the same setup elsewhere in my site and can't figure out why it's not working this time.

When a user clicks the accept button, it calls a JavaScript function acceptOrder(orderID) which passes the orderID onto a php page to update a record in the db.

orderID is assigned ok in the JavaScript but it doesn't reach the php. Var_dump on POST shows nothing, nor does $_POST('orderID'). I've even tried just sending an integer to the php in case there was a problem with the var but it made no difference.

Js

function acceptOrder(orderID) {
var orderID=orderID;
console.log("assigned: "+orderID);
var xmlhttp;

// code for IE7+, Firefox, Chrome, Opera, Safari
if (window.XMLHttpRequest)
{
   xmlhttp=new XMLHttpRequest();
}
// code for IE6, IE5
else
{
   xmlhttp=new ActiveXObject("Microsoft.    }

xmlhttp.onreadystatechange=function()
{
   if (xmlhttp.readyState==4 && xmlhttp.status==200)
   {
      console.log (xmlhttp.responseText);
   }
}
xmlhttp.open("POST","acceptorder.php",true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-rule encoded");
xmlhttp.send(orderID);
console.log(orderID+" sent");
//location.reload();
//console.log("reload");
}

Php

<?php
require_once("config1412/class.shop.php");
session_start();
$shop = new SHOP();

echo var_dump($_POST);
//$orderID = $_POST['orderID'];
//echo "orderId var = ".$orderID."<br/>post ".$_POST['orderID'];

//$shop->acceptOrder($orderID);
?>

Needless to say I've searched about and don't see any solutions elsewhere.

Many thanks

I have posted this from mobile and deleted part of the js around Microsoft so ignore that bit. — Paul, Nov 26 '16 at 09:21
application/x-www-form-rule encoded has issue. try "application/x-www-form-urlencoded" — Tolgahan Albayrak, Nov 26 '16 at 09:22
Please replace this line xmlhttp=new ActiveXObject("Microsoft. } with following this line xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); — Ashish Patel, Nov 26 '16 at 09:22
@PAUL xmlhttp=new ActiveXObject("Microsoft. } . did " is closed somewhere in code — Himanshu sharma, Nov 26 '16 at 09:23
Yes I know, these were typos when copy/pasting via mobile phone. They're all ok in the original code. — Paul, Nov 26 '16 at 09:39
Reffer this http://stackoverflow.com/questions/9713058/send-post-data-using-xmlhttprequest — Shibon, Nov 26 '16 at 10:42

score 0 · Answer 1 · answered Nov 26 '16 at 09:23

0

Please replace this line

xmlhttp=new ActiveXObject("Microsoft.    }

with following this line

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

answered Nov 26 '16 at 09:23

Ashish Patel

913
10
24

Yes I know, these were typos when copy/pasting via mobile phone. They're all ok in the original code. – Paul Nov 26 '16 at 09:39

score 0 · Answer 2 · answered Nov 26 '16 at 09:27

0

You should write this in your js

function acceptOrder(orderID) {
var orderID=orderID;
console.log("assigned: "+orderID);
var xmlhttp;

// code for IE7+, Firefox, Chrome, Opera, Safari
if (window.XMLHttpRequest)
{
   xmlhttp=new XMLHttpRequest();
}
// code for IE6, IE5
else
{
   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 }

xmlhttp.onreadystatechange=function()
{
   if (xmlhttp.readyState==4 && xmlhttp.status==200)
   {
      console.log (xmlhttp.responseText);
   }
}
xmlhttp.open("POST","acceptorder.php",true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-rule encoded");
xmlhttp.send(orderID);
console.log(orderID+" sent");
//location.reload();
//console.log("reload");
}

answered Nov 26 '16 at 09:27

Jahid Mahmud

1,072
1
11
28

Yes I know, these were typos when copy/pasting via mobile phone. They're all ok in the original code. – Paul Nov 26 '16 at 09:39
what u r getting in console – Shibon Nov 26 '16 at 10:15
@Shibon I just get a sql error because the variable orderID is empty – Paul Nov 26 '16 at 10:27
@Paul Why does the order id is empty? Could you give us some more information? – Jahid Mahmud Nov 26 '16 at 10:32
Reffer this http://stackoverflow.com/questions/9713058/send-post-data-using-xmlhttprequest – Shibon Nov 26 '16 at 10:40
i thinking u may get solution there – Shibon Nov 26 '16 at 10:41
My question was solved in the answer above, thanks. I was passing orderID rather than "orderID="+orderID. Thanks for your answers. – Paul Nov 26 '16 at 14:47

score 0 · Answer 3 · answered Nov 26 '16 at 11:04

I would recommend you to use jQuery for ajax calls. It's much easier to setup and straightforward. Especially, and specialy because it is very easy setup for a beginner. And for people who want to install ajax the easy way. I use it every single time I want to do ajax in my code. Here is a link:

http://api.jquery.com/jquery.ajax/

Just put the tag to include jQuery and then one javascript command to call the ajax.

score 0 · Accepted Answer · answered Nov 26 '16 at 11:16

0

As i can see, you didn't set variable name for orderID, change line of code:

xmlhttp.send(orderID);

to:

xmlhttp.send("orderID="+orderID);

If it's only SQL error of missing orderID, and all other passess okay, it's solution for you. As you said in comments "I just get a sql error because the variable orderID is empty". You're missing only naming post send data, that's why it's empty.

answered Nov 26 '16 at 11:16

Ultrazz008

1,460
1
10
25

I think you are correct. That's probably where I'm going wrong. I will try this when I get home. Thank you very much – Paul Nov 26 '16 at 12:11

Php not receiving post from JavaScript

4 Answers4