如何在 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 。