无法解析，并返回阿贾克斯字符串jQuery的变量 [英] Can't parse and return ajax string to jquery variable

问题描述

VAR数据是我的jQuery的变量，我想在将其添加 jsonData.image_name 文本字符串。但一直在说未定义传递时。

 函数SaveAndGetImageName（）{
    VAR数据=;
    VAR FORMDATA =新FORMDATA（）;
    formData.append（'btn_Browse'，$（'＃btn_Browse'）[0] .files [0]）;
    $阿贾克斯（{
        网址：../Gem/SaveProfilePic，
        键入：POST，
        数据类型：JSON，
        缓存：假的，
        异步：真正的，
        的contentType：假的，
        过程数据：假的，
        数据：FORMDATA，
        成功：函数（jsonData）{
            数据= jsonData.image_name;
        }
    }）;

    返回的数据;
}
 

解决方案

您不能返回数据的异步调用，你应该做的操作的成功回调函数。由于当数据到达回调是所谓的，但在此之前，你正在返回的数据，因此你得到未定义。

 函数SaveAndGetImageName（processImageNameCallback）{
    VAR数据=;
    VAR FORMDATA =新FORMDATA（）;
    formData.append（'btn_Browse'，$（'＃btn_Browse'）[0] .files [0]）;
    $阿贾克斯（{
        网址：../Gem/SaveProfilePic，
        键入：POST，
        数据类型：JSON，
        缓存：假的，
        异步：真正的，
        的contentType：假的，
        过程数据：假的，
        数据：FORMDATA，
        成功：函数（jsonData）{
            数据= jsonData.image_name;
            processImageNameCallback（数据）;
        }
    }）;

    返回的数据;
}

功能processImageName（imageName）{
   //做的东西与图像名称
   警报（imageName）;
}

SaveAndGetImageName（processImageName）
 

var data is my jquery variable, i want to add jsonData.image_name string text in to it. but keep saying undefined when it passes.

function SaveAndGetImageName() {
    var data = "";
    var formData = new FormData();
    formData.append('btn_Browse', $('#btn_Browse')[0].files[0]);
    $.ajax({
        url: '../Gem/SaveProfilePic',
        type: 'POST',
        dataType: 'json',
        cache: false,
        async: true,
        contentType: false,
        processData: false,
        data: formData,
        success: function (jsonData) {
            data = jsonData.image_name;
        }
    });

    return data;
}

解决方案

you cant return data from Asynchronous calls, you should do the manipulation in the success callback function. As callbacks are called when the data is arrived, but you are returning the data before that so you are getting undefined.

function SaveAndGetImageName(processImageNameCallback) {
    var data = "";
    var formData = new FormData();
    formData.append('btn_Browse', $('#btn_Browse')[0].files[0]);
    $.ajax({
        url: '../Gem/SaveProfilePic',
        type: 'POST',
        dataType: 'json',
        cache: false,
        async: true,
        contentType: false,
        processData: false,
        data: formData,
        success: function (jsonData) {
            data = jsonData.image_name;
            processImageNameCallback(data);
        }
    });

    return data;
}

function processImageName(imageName){
   // do stuff with image name
   alert(imageName);
}

SaveAndGetImageName(processImageName)

这篇关于无法解析，并返回阿贾克斯字符串jQuery的变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！