javascript - jQuery Ajax 输入文本和文件在处理到成功函数后无法获取值

Question

我使用 ajax 提交 jQuery 输入文本和输入文件。

$("#uploadForm").on('submit',(function(e)
{
    e.preventDefault();

    var badgeID = $("#badgeID").val();
    var firstName = $("#firstName").val();
    var lastName = $("#lastName").val();
    var emailAddress = $("#emailAddress").val();

    var firstNameMask = $("#firstNameMask").val();
    var lastNameMask = $("#lastNameMask").val();
    var emailAddressMask = $("#emailAddressMask").val();

    $.ajax(
    {
        url: "updateAccountSetting.php",
        type: "POST",
        data:  new FormData(this),
        contentType: false,
        cache: false,
        processData:false,
        success: function(data)
        {
            alert(data.firstNameVal);
            $("#firstNameMask").val(data.firstNameVal);
            $("#lastNameMask").val(data.lastNameVal);
            $("#emailAddressMask").val(data.emailAddressVal);

            $(".firstName").html(data.firstNameVal);

            $("#btnUpdateAvatar").attr({disabled: true, value: "Update"}).addClass('btn_inact').removeClass('btn_act');
            $('#firstName, #lastName, #emailAddress').attr('readonly', false);

            $('.uploadSuccess').show();
            $("#btnUpdateAvatar").attr('disabled', true).addClass('btn_inact').removeClass('btn_act');
        }           
   });
}));

我已经尝试了上面的代码，直到处理成 PHP 文件并且它运行完美。

但为什么我在尝试时无法获得值(value):

alert(data.firstNameVal);

警报的结果是:undefined。

如果我只提醒数据

alert(data);

结果是:

Answer 1

试试这个:

success: function(data)
        {
            var result = JSON.parse(data);
            alert(result.firstNameVal);
            // rest of your code
        }   

解释:对于 JS，它只是一个字符串。您必须将其转换为 JSON 对象。