如何让 JSON 数据返回？ [复制]

Question

我想从另一个表中获取数据以在详细视图中使用。但是从 getData 方法返回的值是 null。我该怎么办？

<th data-field="id" data-detail-formatter="DetailFormatter">ID</th>
<th data-field="prefix" data-detail-formatter="DetailFormatter">Prefix</th>
<th data-field="fname" data-detail-formatter="DetailFormatter"Name</th>

function DetailFormatter(index, row) {
   return '<p> ID: ' + row.id + '</p>',
          '<p> Name: ' + row.prefix + '</p>',
          '<p> Price: ' + row.fname + '</p>',
          '<p> Degree: ' + getData() + '</p>'
}

function getData() {
   var data

   $.getScript('http://localhost:55289/ManageTeacher/GetTacherDegree', function (script, status, jqxhr) {
      data = script
   });

   return data
}

Answer 1

这是一种异步过程。您可以在回调函数中获得正确的值。所以你可以在回调函数中移动处理data的代码，而不是返回data。

function getData() {
   var data

   $.getScript('http://localhost:55289/ManageTeacher/GetTacherDegree', function (script, status, jqxhr) {
      data = script.  // <--------------- right place
   });

   return data // <------------------- wrong place
}

Answer 2

尝试在异步函数中使用 fetch api

async function getData() {

const data = await fetch('http://localhost:55289/ManageTeacher/GetTacherDegree')
.then(res => res.json())

 return data
 }