は、Ajaxリクエストここ

Question

上のPHPの$ _POSTの値を得ることができない私がこれを実行すると、私のindex.htmlを

<script> 
    var xml = new XMLHttpRequest(); 
    xml.onreadystatechange = function(){ 
     if (xml.readyState === 4 && xml.status === 200) { 
      console.log(xml.responseText); 
     } 
    } 
    xml.open("POST", "ajax.php", true); 
    var data = new FormData(); 
    data.append("name","Sahan"); 
    xml.send(data); 
</script> 

そして、ここでは私の

ajax.php

<?php 
echo "Hello " . $_POST["name"]; 
?> 

です私のローカルホストの結果は

です。お知らせ：未定義のインデックス：名前Cで：\ xamppの\ htdocsに\ \ ajax.phpライン上
こんにちは

チャットしかし、私はそれが正しく動作しているjQueryのを使用しています...

私の質問は、JQueryを使わずにJavaScriptを使ってajaxを送信する方法です。

Answer 1

あなたは、あなたのjavascript関数でこのコードを使用することができます

<script> 
    var xml = new XMLHttpRequest(); 
    xml.onreadystatechange = function(){ 
     if (xml.readyState === 4 && xml.status === 200) { 
      console.log(xml.responseText); 
     } 
    } 
    xml.open("POST", "ajax.php", true); 
    //Send the proper header information along with the request 
    xml.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 

    /*var data = new FormData(); 
    data.append("name","Stackoverflow");*/ 
    xml.send("name=Stackoverflow"); 
</script> 

Answer 2

あなたは、AJAXを使用するとき、ポストデータを要求とともに適切なヘッダ情報を渡す必要があります。詳細Ajax at w3schools