javascript - JavaScript 中的 API 调用

Question

我有一个 API php 函数，它从数据库执行 SQL 查询并将值编码为 JSON。

例如

function getApiCall(){
     $sql = 'SELECT * AS "Total" from tablename"';
    try {
        $db = getConnection();
        $stmt = $db->prepare($sql);
        $stmt->execute();
        $user = $stmt->fetch(PDO::FETCH_OBJ);
        $db = null;
        echo json_encode($user);
    } catch(PDOException $e) {
        echo '{"error":{"text":'. $e->getMessage() .'}}';
    }
}

调用 URL 时的值 http://localhost/getapicall/apikey在浏览器中是

{"Total":"80"}

在我使用 JavaScript 的前端 HTML 页面中，API URL 称为

<script type="text/javascript">
var myJSON = $.get('../v1/getapicall/default');
document.getElementById("txt1label").innerHTML = myJSON;
</script>

但是显示的值是 [object object] ，如何显示 json 数据的值，即本例中的 80？

如果我尝试放置

document.getElementById("txt1label").innerHTML = myJSON.Total;

该值显示为未定义。

Answer 1

$.get()是一个异步函数，这意味着它不会立即返回您的数据 - 它必须首先往返您的服务器。

相反，您向其传递一个函数，以便在数据从端点返回时执行。

var myJSON = $.get('../v1/getapicall/default', function(result) {
    document.getElementById("txt1label").innerHTML = result.Total;
}));