PHPでajax投稿要求にアクセスできない

Question

どこでも検索しましたが、この問題の答えを見つけることができません。

少しのajaxスクリプトを書いていますが、POSTリクエストの正しい値を取得できません。 これは、これまでのコードです：

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

私はこれは私が配列（[のqueryString] =>）得るものですPOST値 の内容を確認するためにprint_r($message);を使用しています。値はありません。 私のコードで何が間違っている可能性がありますか？ （私はjQueryのを使用しているだろうが、私はよく、まだそれに接地していないよ）

Answer 1

私はいくつかのバグを修正し、コードのスタートが動作します：あなたは、パラメータ名を設定する必要が

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 

Answer 2

は、ここでは、jQueryの中でそれを行うだろうかだ - 非常に簡単：

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

 
}); //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 
    $txt = $_POST['ta']; 
    $out = 'You sent: ' .$txt; 
    echo $out; 

---

の.php

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

Answer 3

問題はクエリ文字列にあります。 ajaxRequest.send('queryString');の代わりにajaxRequest.send(queryString)を入力してください。クエリ文字列を使用しないでください。変数の名前を使用してください。それは動作するはずです！