AJAX POST返回数据没有出现

时间:2013-08-13 14:51:59

标签: php javascript jquery html ajax

我有一个AJAX调用,它在表单提交上运行(防止默认为停止标准提交):

var form = $(this);
$.ajax({
    type: form.attr('method'),
    url: form.attr('action'),
    data: form.serialize()
}).done(function(data) {
    $('#processingFile').hide();
    $('#downloadFile').show();

    $('#shareURL').val(data.url);
    $('#downloadFile').attr('href', data.url);
    $('#aboutFile').html('<b>File URL:</b> ' + data.url + '<br /><b>File Size:</b> ' + data.size + '<br /><b>Time Stamp:</b> ' + data.timestamp + '<br /><b>Client IP:</b> ' + data.ip);
}).fail(function() {
    $('#saveFile').hide();
    $('#error').show();
});

它提交的文件是一个PHP文件,如下所示:

// VARIABLES
$fileURL = $_POST['fileURL'];
$tmpURL = substr(md5(rand()), 0, 7);
$deleteCode = md5($tmpURL);

// COOKIE
setcookie($tmpURL, $deleteCode, time()+86400);

// SAVE FILE
if($fileURL){
    file_put_contents("tmp/" . $tmpFile, file_get_contents("http://" . $fileURL));
}

// OUTPUT
$result = array(
    'url' => "tmp/" . $tmpFile,
    'size' => filesize("tmp/" . $tmpFile) * .0009765625 * .0009765625,
    'timestamp' => date('H:i:s d-m-Y'),
    'ip' => $_SERVER['REMOTE_ADDR']
);

echo json_encode($result);

当脚本在任何地方运行时,在jQuery中使用data.x返回undefined。知道为什么会这样,以及如何解决它?

2 个答案:

答案 0 :(得分:3)

data是一个包含您返回的JSON文本的字符串;它不是一个对象。

要解析JSON对象,您有几个选项:

  • 自己致电JSON.parse()

  • 传递dataType: "json"告诉jQuery AJAX为你解析它。

  • 在服务器的响应中设置Content-Type: application/json,以便jQuery知道为您解析它。

答案 1 :(得分:0)

设置dataType:'json'并检查!看看这个doc并设置你的datType。