从ajax调用追加到页面？

-1

即时通讯使用Ajax获得一个SVG，则返回是这样的：从ajax调用追加到页面？

#document<!--Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)--><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="308.647" height="310.838" viewBox="0 0 308.647 310.838">…</svg>

我怎样才能再加入这个到我的网页？

我都试过，没有运气以下：

$.ajax({ 
    crossOrigin: true, 
    url: url, 
    success: function(data) { 
     $('.chat').append(data.responseText); 
     $('.chat').append(data.find('svg')); 
     $('.chat').append(data.body); 
    } 
});

来源

2015-10-05 panthro

'没有运气'与这样的模糊问题要么.. – user2864740

使用jQuery的get和附加功能，像这样：

的index.html

<!DOCTYPE html> 
<html> 
    <head lang="en"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    </head> 
    <body> 
     <div id="loadedContent" /> 
    </body> 
    <script> 
     $.get("contentToLoad.html", function(data) { 
      $('#loadedContent').append(data); 
     }); 
    </script> 
</html>

contentToLoad.html

<svg width="100" height="100"> 
    <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" /> 
</svg>

使用jQuery's load function或

尝试在下面的代码为我工作很大：

的index.html：

<!DOCTYPE html> 
<html> 
    <head lang="en"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 

    </head> 
    <body> 
     <div id="loadedContent" /> 
    </body> 
    <script> 
     $('#loadedContent').load("contentToLoad.html"); 
    </script> 
</html>

contentToLoad.html

<svg width="100" height="100"> 
    <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" /> 
</svg>

你可以只在添加一个div你的页面底部，它会“追加”它

来源

2015-10-05 19:06:22

从ajax调用追加到页面？

回答

相关问题