Question

我想在html中打印音频标签我应该在我的html代码中添加什么

<script ></script>
$(document).ready(function() 
{            
  // Request 
  jQuery.getJSON
  (
    ,
    {
      prot_vers: 2, cl_login: " ", cl_app: " ", cl_pwd: " ", 
      req_voice:"heather22k", 
      req_text:$("#demo_voices_textarea").val()
    },
    function(data) 
    {
      //api response management 
      $("#demo1player").html("<audio src='"+data.snd_url+"' controls='controls' />");	
    }						
  );
});

我的html代码在这里

 <form name="Test"  method="post">
<textarea name="demo_voices_textarea" rows="4" cols="20">Hello World !</textarea>
<br/>
<input type="submit" value="Create sound!">
</form>

非常感谢

Answer 1

而不是.html()使用.text()如下所示： -

$("#demo1player").text("<audio src='"+data.snd_url+"' controls='controls' />");

Answer 2

使用<pre>...</pre>代码

$("#demo1player").html("<pre><audio src='"+data.snd_url+"' controls='controls' /></pre>");

Answer 3

使用<和>代替<和>：

$("#demo1player").html("&lt;audio src='"+data.snd_url+"' controls='controls' /&gt;");

Answer 4

我会使用$（element）.text（）函数。几天前，我已经看过如何在javascript中转义html。我找到了以下链接：Escaping HTML strings with jQuery

我认为它应该适合你的目的。

如何在jquery代码中打印html标签

4 个答案: