试图从AJAX获取图像URL，获得status = 0

Question

我有一个输入，说“xxx”。 服务器在GET方法中返回一个图像：https://website.com/xxx

我想要的只是在转到要显示的网址时返回的图像。 为它写了一个小脚本，但我总是得到状态= 0.我想知道它为什么，它怎么可能是200.

dplyr::inner_join

Answer 1

单击表单中的提交按钮时，您正在运行JavaScript。

此：

1. 发起Ajax请求
2. 提交表格
3. 离开页面
4. 取消Ajax请求（因为不再有任何JS来处理响应）
5. 加载新页面

删除表单，然后将按钮设为JS（type="button"）按钮。

Answer 2

您不需要AJAX图像。没有办法将图像从AJAX请求填充到图像标记中。图像标签本身就是您所需要的。

此外，正如Quentin所说，如果你使用表格，你的网页将在你的ajax调用之前刷新。

＆＃13;

＆＃13;

function loadImage() {
  var theReturn = document.getElementById('address').value;
  var url = "http://monkey-g.herokuapp.com/monkey/" + theReturn;
  var img = new Image();
  img.src = url;
  document.body.appendChild(img);
}

＆＃13;

  <p>AJAX Address: <input id="address" type="text" name="address" maxlength="64" size="64">
  <p><input type="button" value="Generate AJAX" onclick="loadImage()" /></p>

＆＃13;

＆＃13;

＆＃13;