无法将音频源分配给源标签以响应 ajax 请求

Posted 2023-02-25

【中文标题】无法将音频源分配给源标签以响应 ajax 请求

【英文标题】：Unable to assign audio source to source tag in response of ajax request

【发布时间】：2018-08-17 13:48:23

【问题描述】：

我正在向 db 发送 ajax 请求并获取音频链接作为响应 链接在变量中是准确的，但在源标签中没有绑定。

这是我用来播放音频的html代码

function play()
   
       
       

<button id="play_btn" onclick="play()" class="playing"></button>
   <audio id="myAudio" >
    <source src="" id="audio_source" type="audio/mpeg">
   </audio>

这是获取和分配音频链接的功能

 $('#cmbSura').change(getSurah);
     function getAudio()
     
       $.ajax(
         url:'Temp_url',
               type: 'post',
               data: 
                 "_token": "toker generate",
                 "audio_id" : 12,
                     ,
                      beforeSend: function()
                          document.getElementById("wait").style.display = "block";
                         ,
                         complete: function()
                            
                         ,
                         success: function (response) 
                         
                          document.getElementById("wait").style.display = "none";
   link = "temp_url/audios/"+item.link_to_audio;
                  alert(link);
     $("audio #audio_source").attr('src',"'"+link+"'");   
                         
                       );
      
     

<button id="play_btn" onclick="getAudio()" class="playing"></button>
                              <audio id="myAudio" >
                                <source src="" id="audio_source" type="audio/mpeg">
                               </audio>

【问题讨论】：

不考虑第一个sn-p

这里的dataType 是什么？换句话说，服务器将回复的数据类型是什么？是JSON 吗？

不确定是否可以在这里使用，但您是否看到更改音频标签源的答案？ ***.com/questions/9421505/…

返回服务器将返回 jason 数组

@BabarMalik 检查我的答案。

【参考方案1】：

试试这个：我不确定响应类型，但从你的编码我认为应该是JSON，所以我会处理它JSON。

 $('#cmbSura').change(getSurah);
     function getAudio()
     
       $.ajax(
         url:'Temp_url',
         dataType: 'json',
               type: 'post',
               data: 
                 "_token": "toker generate",
                 "audio_id" : 12,
                     ,
                      beforeSend: function()
                          document.getElementById("wait").style.display = "block";
                         ,
                         complete: function()
                            
                         ,
                         success: function (item) 
                         
                          document.getElementById("wait").style.display = "none";
   var link = "temp_url/audios/"+item.link_to_audio;
                  alert(link);
     $("audio #audio_source").attr('src', link);   
                         
                       );
      
     

<button id="play_btn" onclick="getAudio()" class="playing"></button>
                              <audio id="myAudio" >
                                <source src="" id="audio_source" type="audio/mpeg">
                               </audio>

将其复制到您的文本编辑器并将_token 更改为适当的，并且不要忘记包含jQuery