如何使用jquery从ajax结果(json对象)访问数据

时间:2018-06-19 17:37:34

标签: javascript jquery ajax

所以我有这个功能,可以通过UUID获取用户详细信息;

function getUserDetails(uuid){

    $.ajax({
      url:'http://localhost/hrms/controller/php/getUserDetails.php',
      method: 'POST',
      dataType: 'json',
      data: { uuid: uuid },
      success:function(result){
        console.log(result);
      },
      error: function(xhr, status, error){
        if(xhr.status == 401){
          toastr.error(xhr.responseText);
        }
      }
    });
}

给我的结果

AJAX RESULT

现在,我想知道如何访问该数据。该功能来自不同的js页面。如何将json结果扔到另一个js页面?

我正在使用JQUERY。谢谢,还有更多权力。

1 个答案:

答案 0 :(得分:-1)

使用ajax时,需要花费一些时间将数据表单服务器返回给客户端,因此可以使用promise或回调:

回调:

function.js

update_or_create()

index.js

function getUserDetails(uuid, callback){

    $.ajax({
      url:'http://localhost/hrms/controller/php/getUserDetails.php',
      method: 'POST',
      dataType: 'json',
      data: { uuid: uuid },
      success:function(result){
        callback(result);
      },
      error: function(xhr, status, error){
        if(xhr.status == 401){
          toastr.error(xhr.responseText);
        }
      }
    });
 }

承诺

function.js

getUserDetails(uuid, function(data){
    console.log(data); 
}); 

index.js

function getUserDetails(uuid){
 return new Promise((resolve, reject) => {
    $.ajax({
      url:'http://localhost/hrms/controller/php/getUserDetails.php',
      method: 'POST',
      dataType: 'json',
      data: { uuid: uuid },
      success:function(result){
        resolve(result);
      },
      error: function(xhr, status, error){
        if(xhr.status == 401){
          toastr.error(xhr.responseText);
        }
        const reason = new Error('Error');
        reject(reason);
      }
    });
   });
 }