從JavaScript到PHP的POST值通過AJAX無jQuery

Question

我想發送一個JavaScript變量來處理服務器端的PHP然後回顯結果。我的ajax請求結果爲readyState == 4和status == 200，但PHP仍然回顯空數組/值。

我敢肯定，這是來自我的Ajax調用發送一個空請求，但我試過的一切都沒有工作，所以也許我會在這裏全錯了。

JS（從index.html）：

var valueToSend = Math.random(); 

var request = false; 
if (window.XMLHttpRequest) { 
    request = new XMLHttpRequest(); 
} 
else if (window.ActiveXObject) { 
    request = new ActiveXObject('Microsoft.XMLHTTP'); 
} 

function send_ajax() { 
    if (request) { 
     request.open('POST', 'test.php', true); 
     request.onreadystatechange = function() { 
      if (request.readyState == 4 && request.status == 200) { 
       console.log(request.responseText); 
      } 
     } 
     request.send(valueToSend); //this line is probably not sending the value the way I expect it to 
    } 
} 

PHP（從test.php）：

echo $_POST['name']; //simple echo to check if PHP indeed receives valueToSend 

我的最後一次嘗試是改變request.send(valueToSend);與.send(encodeURI('name=' + valueToSend));，但它只是由Ajax調用重定向頁面位置到一個不存在的。

我在做什麼錯？

Answer 1

有幾件事錯在你的代碼，如：甚至可以通過你定義send_ajax()功能

• ，您沒有在代碼的任何地方調用它。

• 隨着POST請求需要與請求一起發送的HTTP標頭setRequestHeader()，像這樣：

  在test.php的

  request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
  

• echo $_POST['name'];頁面將無法工作，因爲name是不確定這裏。你send()方法調用應該是這樣的：

  request.send("name="+valueToSend); 
  

所以完整的JavaScript代碼會是這樣的：

var valueToSend = Math.random(); 

var request = false; 
if (window.XMLHttpRequest) { 
    request = new XMLHttpRequest(); 
} 
else if (window.ActiveXObject) { 
    request = new ActiveXObject('Microsoft.XMLHTTP'); 
} 

function send_ajax() { 
    if (request) { 
     request.open('POST', 'test.php', true); 
     request.onreadystatechange = function() { 
      if (request.readyState == 4 && request.status == 200) { 
       console.log(request.responseText); 
      } 
     } 
     request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
     request.send("name="+valueToSend); 
    } 
} 

send_ajax();