如何在 scope 中从 ajax 成功分配变量

Question

该代码的目的是使用 ajax 调用中的值在图像上设置一个框

我试过的代码如下，

代码：

   let neededvalue;

   $.ajax({
   type:'GET',
   url: 'getfile.php',

   data:{
     'file':file,

   },
   success: function(data){
     neededvalue = data.split(",");    // 2423100106

     console.log(neededvalue[0])      //23
     console.log(neededvalue[1])      //24
     console.log(neededvalue[2])      //100
     console.log(neededvalue[3])      //106

     $('#img01').selectAreas({
       onChanged: debugQtyAreas,
       maxAreas:1,
       areas: [
                  {
                    x: neededvalue[0],
                    y: neededvalue[1],
                    width: neededvalue[2],
                    height: neededvalue[3],
                  }
                ],

         parent: $('#myModal'),

     });
  }
})

在上面的代码中，当我检查从 ajax Get 收到的所需值的值时，它会在日志中打印正确的值。 我将这些值添加到上面代码中变量的一侧。 我面临的问题是，当我尝试使用需要值 [0]、需要值 [1]、需要值 [2]、需要值 [3] 的值并在 function 选择区域内使用它们时。 我无法将“neededvalue”中的值放入变量 x、y、宽度和高度。

我尝试使用选择区域内变量的直接值运行代码，即 x=23、y=24、宽度 =100 和高度 =106，并且我能够在图像上制作框。

但我不知道为什么我不能使用“neededvalue”的值并将其分配给选择区域x、y、宽度和高度的变量。

有人可以帮我解决这个问题并帮我将 ajax 成功 function 的值分配给 SelectAreas function

Answer 1

data变量的内容是什么样的？ 如果它不包含任何逗号，则对其调用split(",")将返回一个只有一个索引的数组。

如果您的评论： // 2423100106是data变量的表示，那么我上面所说的原因就是为什么您不能将这些值分配给x 、 y 、 width和height 。 如果你想让它像那样工作， getfile.php的响应应该是： 24,23,100,106 。