Javascript 使用jQuery请求在HTML上显示svg

当我点击按钮时，我试图从一个API中获取这个化身，使其出现在我的HTML中，但它不起作用

$(document).ready(function () {

    $("#generate").click(function(){
        var c= $("#c").val().split(",");

        $.ajax({
            method: 'GET',
            url: "https://avatars.dicebear.com/api/male/example.svg",
            dataType: "svg"
        })
            .done(function(result){
                $('#result').html('<img src="data:image/png;base64,' + result + '" />');
            })

            .fail(function(error){
                console.log(error);
            });
    })


 });

$（文档）.ready（函数（）{
$（“#生成”）。单击（函数（）{
var c=$（“#c”）.val（）.split（“，”）；
$.ajax({
方法：“GET”，
url:“https://avatars.dicebear.com/api/male/example.svg",
数据类型：“svg”
})
.完成（功能（结果）{
$（'#result'）.html（''）；
})
.失败（功能（错误）{
console.log（错误）；
});
})
});

svg不是AJAX请求的有效数据类型。此外，不能将SVG文件的内容设置为

img

元素的base64编码内容

要做您需要的事情，根本不需要AJAX。只需将

img

元素的

src

设置为

svg

文件的URL：

---

要使用AJAX，可以执行以下操作：

  $("#generate").click(function(){
      $.ajax({
          method: 'GET',
          url: "https://avatars.dicebear.com/api/male/example.svg",
          dataType: "html"
      })

      .done(function(result){
          $('#result').html(result);
      })

      .fail(function(error){
          console.log(error);
      });
  })

---

我需要AJAX的原因是因为我想切换URL，所以它实际上看起来是这样的：“+c[0]+”/“+c[1]+”.svg”---c[0]和c[1]作为用户输入，你不需要AJAX。您可以使用

prop（）

根据用户输入动态修改

src

。哦，好的，对不起，我是初学者。谢谢你的帮助！没问题，很乐意帮忙