问题遇到的现象和发生背景
jq ajax把文字传递到php,合成音频后返回url到网页的audio src中。下面的代码如何修改可以实现?
<?php
header("Content-type:audio/mp3");
$text=$_POST["text"];
$tok="25.f36013a4b505d41663e17207c89f7025.315360000.1967728808.282335-26218695";
$url="http://tsn.baidu.com/text2audio?tex=".$text."&lan=zh&cuid=23488517&ctp=1&tok=".$tok."&vol=15&spd=4&per=0";
$file=file_get_contents($url);
echo $file;
?>
```html
<html>
<head>
<meta charset="utf-8" />
<meta name="applicable-device"content="pc,mobile">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>测试ajax</title>
<script src="/jquery-2.2.4.min.js" type="text/javascript"></script>
<p id="art">多年以后,奥雷连诺上校站在行刑队面前,准会想起父亲带他去参观冰块的那个遥远的下午。当时,马孔多是个二十户人家的村庄,一座座土房都盖在河岸上,河水清澈,沿着遍布石头的河床流去,河里的石头光滑、洁白,活象史前的巨蛋。这块天地还是新开辟的,许多东西都叫不出名字,不得不用手指指点点。每年三月,衣衫褴楼的吉卜赛人都要在村边搭起帐篷,在笛鼓的喧嚣声中,向马孔多的居民介绍科学家的最新发明。他们首先带来的是磁铁。</p>
<audio src="" autoplay="autoplay" controls></audio>
<script>
var text=document.getElementById('art').innerHTML;
$.ajax({
url: '/v.php',
type: 'POST',
async: true,
data: {text: text},
success: function(data){
text=data.text;
},
error:function(){
alert('朗读失败,请联系管理员修复');
}
});
</script>
</html>
```