奇妙なget要求HTML属性を変更しようとしたとき

Question

だから私は、ボタンのクリック時に別々のファイルにこの関数を呼び出すhtmlファイルを持っている：

function getRandomVideoLink(){ 
    //AJAX request to /random-video 
    console.log("ajax request"); 
    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
     if (xhttp.readyState == 4 && xhttp.status == 200) { 
      console.log("inside if"); 
      console.log(xhttp.responseText); 
      document.getElementById("myVideo").src = xhttp.responseText; 
     } 
    }; 
    xhttp.open("GET", "/random-videolink", true); 
    xhttp.send(); 
} 

ものではなく、変更のいくつかの理由のためでありますsrc属性を使用すると、サーバーに奇妙な取得要求があり、エラー404が表示されます（通常はapp.use（）で要求を処理して、そのエラーを表示するよう指定されています）。それはiframeの属性を変更し、別のビデオを表示するだけです。

一方、私はそれが正常に動作します

function change() { 
    document.getElementById('myVideo').src = "https://www.youtube.com/embed/BfOdWSiyWoc"; 
} 

を経由して、それを呼び出した場合。注：xhttps.responseTextはそのリンクと同じです。

関連するHTML：

<iframe id="myVideo" width="420" height="345" 
    src="http://www.youtube.com/embed/XGSy3_Czz8k"> 
</iframe> 

Answer 1

私はこの問題は、あなたがxhttp.responseText

に引用されたURLを取得するということだと思います