尝试更改HTML属性时出现奇怪的get请求
Weird get request when trying to change HTML attribute
所以我有一个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属性,而是向服务器发出了一个奇怪的get请求,我得到了一个错误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>
我认为问题是你在xhttp.responseText
中得到了一个引用的url
相关文章:
- 有没有一种方法可以防止img get请求使用css或js发生
- jQuery Ajax GET请求工作不正常
- Angularjs http.get() Cross-Origin 请求被阻止
- 将GET请求(HTML字符串)转换为完整的DOM对象
- 如何在nightwatch.js中发送ajax get请求
- 当我在chrome中切换设备模式时,$http.get请求失败
- 根据GET请求的结果自定义页面内容
- 如何在调用下一个请求之前完成第一个Ajax Get请求
- Codeigniter JQuery在JQuery.get请求后动态加载视图中的数据
- 错误Jquery.$.get()请求
- 如果我对一个文件发出ajax GET请求,我会得到什么以及如何将其添加到页面中
- JQuery AJAX 在 GET 请求完成时返回 XML
- AngularJS $http GET 请求到本地 JSON 文件返回语法错误:意外令牌]
- 嵌套在 .get 请求中的 jQuery 不会执行
- 如何在 GET 请求中序列化查询的对象
- Angular 2:如何在 GET 和 POST 请求中设置 double、float、int 和布尔类型参数
- Jquery.ajax 请求 'Get' to Web API 2 后端不起作用
- 我如何使用NodeJs请求GET模块发送cookie
- 错误的错误.GrailsExceptionResolver -在处理请求:[GET]时发生NullPointerExce
- Angular js $http请求 get 失败