【问题标题】:Change image src from AJAX request从 AJAX 请求更改图像 src
【发布时间】:2014-11-19 09:38:34
【问题描述】:

我一直在尝试很多不同的方法来从 AJAX Requset 对图像 src 进行更改,新 URL 是从 AJAX 调用中检索的,使用开发者工具我可视化数据返回变量“DATA”具有预期的 URL,但图像 SRC 得到这个:

"atrk.js-;var s = document.getElementsByTagName('script')[0];s.parentNode"


AJAX 请求:

$.post("readurl.php",function(data){
      $("#imagen").attr("src",data);     
 });

HTML 元素:

<img id="imagen" src="old_pic.png">

PHP 文件:

<?php
$xml=simplexml_load_file("links.xml");
echo $xml->URL_one;
?>

我希望有人可以帮助我。

提前致谢!

【问题讨论】:

  • 您检查过 links.xml 中的内容吗?
  • 检查 links.xml 的内容确保它不是一个 js 文件。其次,在更改源触发器以加载图像的事件以更新视图之后。
  • 当然,我得到了预期的 URL,我可以将其放在 p.innerHTML 上,但不能放在 img.src 中。
  • links.xml 是我自己的文件:globe.png

标签: javascript php jquery ajax dom


【解决方案1】:

尝试使用prop函数:

$("#imagen").prop("src",data); 

【讨论】:

  • 如果您在网络选项卡上打开 chrome 检查器,然后单击此代码发出的请求,您会看到什么?
  • 在 chrome 检查器的控制台选项卡上,出现错误?
  • 在元素选项卡上,请求后如何保留此元素?
猜你喜欢
  • 1970-01-01
  • 2013-01-03
  • 2010-11-11
  • 2019-03-15
  • 1970-01-01
  • 1970-01-01
  • 2017-03-20
  • 2011-01-17
  • 1970-01-01
相关资源
最近更新 更多