Can't acess ajax post request in php

Question

I've searched everywhere but can't find an answer to this problem.

I'm writing a little ajax script but can't get the correct value of the POST request. This is the code so far:

 <textarea id="message" name="message" style="width:100%;"></textarea>
 <input value="SEND" style="border-radius: 5px 5px 5px 5px;" type = 'button' onclick = 'ajaxFunction()'/>



<script type="text/javascript">                             <!--
            //Browser Support Code
            function ajaxFunction(){
               var ajaxRequest;  // The variable that makes Ajax possible!

               try {
                  // Opera 8.0+, Firefox, Safari
                  ajaxRequest = new XMLHttpRequest();
               }catch (e) {
                  // Internet Explorer Browsers
                  try {
                     ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
                  }catch (e) {
                     try{
                        ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
                     }catch (e){
                        // Something went wrong
                        alert("Your browser broke!");
                        return false;
                     }
                  }
               }

               // Create a function that will receive data 
               // sent from the server and will update
               // div section in the same page.

               ajaxRequest.onreadystatechange = function(){
                  if(ajaxRequest.readyState == 4){
                     var ajaxDisplay = document.getElementById('chbox');
                     ajaxDisplay.innerHTML = ajaxRequest.responseText;
                  }
               }

               // Now get the value from user and pass it to
               // server script.

               var message = document.getElementById('message').value;
               var queryString = message ;
               ajaxRequest.open("POST", 'chatdata.php', true);
               //ajaxRequest.send(null); 
               ajaxRequest.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
               ajaxRequest.send('queryString');
            }
</script>



<?php
$message1 = $_REQUEST['message'];
echo $message;
?>

when i use print_r($message); to see the content of the POST value this is what i get Array ( [queryString] => ). It has no values. What could be wrong with my code? (I would have used jQuery but i'm not well grounded in it yet.)

You need to set the parameter name. See [this answer](http://stackoverflow.com/a/9713078). — Patrick Q, May 25 '16 at 20:34
Maybe `var queryString = "queryString=" + message;`? Remember that post data is a series of `key=value` pairs like this: `key1=value1&key2=value2&key3=value3&...` — Alejandro Iván, May 25 '16 at 21:02
It would be beneficial to define an event handler that uses the XMLHttpRequest object, rather than define an event handler that directly instantiates an XMLHttpRequest object. — Anthony Rutledge, May 25 '16 at 21:44

score 1 · Accepted Answer · answered May 25 '16 at 21:37

1

I fixed some bugs and code start works:

1.

<p id="chbox"></p> <!-- ajaxDisplay need this -->

2.

ajaxRequest.send("message="+queryString); //queryString is variable so without quotes

3.

var_dump($message1); //there was message without 1

answered May 25 '16 at 21:37

bujals

276
1
4
16

1

It's good now. Before you've written `ajaxRequest.send('queryString')` instead of what you write now. Javascript interpreted 'queryString' as string instead of a variable. Now you put `ajaxRequest.send("message="+queryString);` , queryString is a variable instead of string here – thecassion May 25 '16 at 21:46

score 0 · Answer 2 · answered May 25 '16 at 20:33

0

Here's how you would do it in jQuery - much simpler:

$('#mybutt').click(function(){
 var txt = $('#message').val();
 $.ajax({
  type: 'post',
   url: 'my_ajax_processor_file.php',
  data: 'ta=' + txt,
  success: function(d){
   if (d.length) alert(d);
  }
 });

}); //END mybutt.click

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<textarea id="message" name="message" style="width:100%;"></textarea>
<input id="mybutt" value="SEND" style="border-radius: 5px 5px 5px 5px;" type='button' />

my_ajax_processor_file.php

<?php
    $txt = $_POST['ta'];
    $out = 'You sent: ' .$txt;
    echo $out;

Here are a bunch of free 5-min video tuts for jQuery

answered May 25 '16 at 20:33

cssyphus

37,875
18
96
111

Always someone running to JQuery. – Anthony Rutledge May 25 '16 at 21:40
August 26, 2006 is Internet's third birthday, second was on January same year (Firebug). – skobaljic May 25 '16 at 21:49
@AnthonyRutledge I guess you didn't read the question. OP commented he would prefer to do this in jQuery but didn't know how. Nice to read your kind comment, though. – cssyphus May 26 '16 at 01:05
@gibberish Sorry, it does not say that either. "I would have used jQuery..." – Anthony Rutledge May 26 '16 at 02:04

score 0 · Answer 3 · answered May 25 '16 at 20:57

0

The trouble is with query string. You should put ajaxRequest.send(queryString) instead of ajaxRequest.send('queryString');. Don't use query string just use the name of the variable. It should work!

answered May 25 '16 at 20:57

thecassion

506
1
7
19

He has no such variable at all. – skobaljic May 25 '16 at 21:41
Yes there is on in `var queryString = message ;` in the code – thecassion May 25 '16 at 21:43
Indeed, sorry haven't seen it at all. – skobaljic May 25 '16 at 21:50
Not mine, sorry again. (but i'll vote it up, if it would make you happy :) ) – skobaljic May 25 '16 at 21:52
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/112967/discussion-between-pierre-robentz-cassion-and-skobaljic). – thecassion May 25 '16 at 21:56

Can't acess ajax post request in php

3 Answers3