Question

我有问题。我正在通过AJAX（XMLHttpRequest）发送文件。无论如何。 PHP函数返回一个编码为JSON的响应数组。我可以在JavaScript中捕获数组，但我无法访问数组中的指定键。

以下是此阵列的控制台日志：

{"data":"cos","data1":"cos1"}

我有我的JavaScript文件：

$('input[name=zdjecie]').on("change",function() {
    var inputfile = document.querySelector('#file');
    var file = inputfile.files[0];

    $('button[type=submit]').addClass('disabled');

    var formData = new FormData();
    var request = new XMLHttpRequest();

    request.upload.addEventListener('progress', function(e){
        var pro = Math.round(e.loaded/e.total * 100);
        if(pro == 100) {
            $('#upload_progress').css({'width':pro+'%', background:'#00A65A'});        
            $('button[type=submit]').removeClass('disabled');                
        }
        else {
            $('#upload_progress').css({'width':pro+'%', background:'#3C8DBC'});   
        }
    }, false);        

    formData.append('file', file);
    request.open('post', '/admin/ajax/upload-admin-photo');
    request.send(formData);
    request.onloadend = function() {
        var result = request.response;                
        console.log(result.data);
    };
});

现在在POST请求后执行的PHP函数：

/**
 * @Route("/admin/ajax/upload-admin-photo")
 */
public function ajaxUploadAdminPhotoAction(Request $request)
{ 
    $data = $_FILES;

    $response = array("data" => 'cos', 'data1' => 'cos1');
    return new Response(json_encode($response)); 
}

变量result的控制台日志：{"data":"cos","data1":"cos1"}

变量result.data的控制台日志：undefined

我真的需要一些帮助。我正在尝试一切！：（

Answer 1

您需要首先将字符串'{"data":"cos","data1":"cos1"}'解析（=解码）为json：

var result = JSON.parse(request.response);
// now you can access it's params:
console.log(result.data);

有关详细信息，请参阅the manual。

从XMLHttpRequest访问响应JSON数组

1 个答案: