javascript - 使用ajax从php获取数据

Question

我有以下ajax函数:

var data=event.target.result;
var fileName=encodeURIComponent('audio_recording_' + new Date().getMinutes() + '.wav');
$.ajax({
    type: 'POST',
    url: 'readFile.php',
    data: {"fileName":fileName,"data":data},
    success: function(data){
        console.log(data);
    }
});

服务器端代码

<?php
$fileName=$_POST["fileName"];
$data=$_POST["data"];
$dh = opendir('upload/');
$contents = file_get_contents('C:/wamp/www/JSSoundRecorder/upload/'.$fileName);
// echo $contents;
echo $fileName;
echo $data;

在 console.log(data) 中，我获得了正确的结果(文件名和数据)，我想要的是单独获取每个信息以便稍后使用。这是成功函数中变量中的 fileName 和另一个变量中的数据，以便我稍后可以在程序中使用它们。我想我应该使用 localstorage 和 json.stringify 吗？是正确的吗？或者还有其他方法吗？如果这是真的，你能帮助我如何在这里使用本地存储吗？预先感谢您

Answer 1

试试这个

var data=event.target.result;
var fileName=encodeURIComponent('audio_recording_' + new Date().getMinutes() + '.wav');
$.ajax({
   type: 'POST',
   url: 'readFile.php',
   data: {"fileName":fileName,"data":data},
   dataType: 'json', //<==== Add this
   success: function(data){
     console.log(data.filename);
     console.log(data.data);
   }

});

你的 php 应该是:

<?php
   $fileName=$_POST["fileName"];
   $data=$_POST["data"];
   $dh = opendir('upload/');
   $contents = file_get_contents('C:/wamp/www/JSSoundRecorder/upload/'.$fileName);
   $data = array('filename'=>$filename, 'data'=>$data); 
   echo json_encode($data);
?>