Javascript Ajax-插入图像

Javascript Ajax-插入图像,javascript,jquery,ajax,Javascript,Jquery,Ajax,我正在学习使用AJAX,我想在点击一个按钮后插入一个图像 但是图像没有出现,而是出现了很多字符 我怎样才能纠正它 $(文档).ready(函数(){ $('#botonAjax')。单击(函数(){ 键入:“获取”, $.ajax({ url:“Img/inlaw.png”, 成功:功能(结果){ $('#divAjax1')。追加(结果); } }); }); }); 测试AJAX 卡加·康泰尼多·埃克斯特诺嗯。。。您必须了解,您到底在加载什么,以及如何将其集成到html中 Ajax请求返

我正在学习使用AJAX,我想在点击一个按钮后插入一个图像

但是图像没有出现,而是出现了很多字符

我怎样才能纠正它

$(文档).ready(函数(){
$('#botonAjax')。单击(函数(){
键入:“获取”,
$.ajax({
url:“Img/inlaw.png”,
成功:功能(结果){
$('#divAjax1')。追加(结果);
}
});
});
});

测试AJAX

卡加·康泰尼多·埃克斯特诺
嗯。。。您必须了解,您到底在加载什么,以及如何将其集成到html中

Ajax请求返回图像文件的内容,然后直接将其放入div中。是的,您看到的是图像文件的内容,而不是图像本身

要查看图像,您有两个选项:

1) 不要使用ajax。只需在代码中包含一个“img”元素,并在单击按钮时更改它的src属性。欲了解更多信息,请点击此处

2) 类似地,使用img元素,但以CDATA的形式设置源。 有关数据uri检查的参考信息


我希望这会有所帮助。

我认为这不是最好的选择或解决方案,但通过ajax加载图像时,意味着当请求完成时,图像将在浏览器缓存中,因此,您只需附加一个与ajax调用中的图像具有相同源的图像:

$(document).ready(function() {
   $('#botonAjax').click(function() {
    $.ajax({
      url: "Img/inlaw.png",
      success: function(result) {
        $('#divAjax1').append($('<img />').attr('src', 'Img/inlaw.png'));
      }
    });
  });
});
$(文档).ready(函数(){
$('#botonAjax')。单击(函数(){
$.ajax({
url:“Img/inlaw.png”,
成功:功能(结果){

$('#divAjax1')。append($('加载时只需添加图像元素:
$('#divAjax1')。append($('.Upvote for your think,因为我从未尝试过这个方法。@muecas Hi,如果你把答案写下来,我可以像解决方案一样标记它。谢谢你,好的,如果这对你来说是一个好的选择。很高兴我能提供帮助。