AJAXを通じてJavaScriptにPHP変数を送信

Question

JavaScriptとPHPページの両方で乱数を生成し、JavaScript/Htmlページに表示するプログラムを作成しています。

これまでは両方のページで正常に数値が生成されていましたが、JavaScriptページから外部PHPページに到達して番号を取得してJS変数に格納する方法はわかりません。

これまで私がこれまで持っていたことは次のとおりです。

はJavaScript：

function roll() 
    { 
     var rollOne; //= Math.floor((Math.random() * 6) + 1); 
     var rollTwo; 
     var request = new XMLHttpRequest(); 

     request.open("GET", "filename.php", true); 
     request.send();     
    } 

は私がコメントアウトされてJSがランダム知って、それは今重要ではありません。

PHP：

<?php 
    sleep(5); 
    $random =(rand(1,6)); 
    echo $random; 
?> 

は、どのように私は、JavaScriptのページにそれを介して送信、PHPのドキュメントから$ランダム取り、後でアクセスするための変数にそれを保存しますか？

このサイトでは何千もの質問がありましたが、私が検索したことから、私には意味をなされたものは見つかりませんでした。

Answer 1

Mozilla docs on AJAXはよく説明しています。 .openと.sendを呼び出す前に、応答がサーバから戻ってきたときに実行するXMLHttpRequestのための機能を設定します。

request.onreadystatechange = function() { 
    if (request.readyState === XMLHttpRequest.DONE) { 
    // The request is complete 
    if (request.status === 200) { 
     // Server responded with HTTP status code 200 (OK) 
     // Here's your server's random value 
     random = request.responseText; 
    } else { 
     alert('There was a problem with the request.'); 
    } 
    } 
} 

Answer 2

あなたが返されるデータのresponseTextの値にアクセスすることができます。言い換えれば、PHPからエコーしたデータは、responseTextを使ってjavascriptでアクセスし、変数に格納することができます。