Javascript 如何从ANGULAR 8中API的JSON字符串中获取特定数据并存储在变量中
祝你在家里过得愉快。我需要帮助。我有一个json字符串,我从Angular和console日志中的API中获得了它。我想从json文件中获取一个特定的数据并存储在一个变量中,因为我需要再次查询数据。下面是我的Json数据的样子Javascript 如何从ANGULAR 8中API的JSON字符串中获取特定数据并存储在变量中,javascript,arrays,json,angular,angular8,Javascript,Arrays,Json,Angular,Angular8,祝你在家里过得愉快。我需要帮助。我有一个json字符串,我从Angular和console日志中的API中获得了它。我想从json文件中获取一个特定的数据并存储在一个变量中,因为我需要再次查询数据。下面是我的Json数据的样子 { "done": true, "record_id": "5fc0a7ac88d2f8534f8e59d8", "customer_id": "5fa1541f6bd0
{
"done": true,
"record_id": "5fc0a7ac88d2f8534f8e59d8",
"customer_id": "5fa1541f6bd09b290f736608",
"balance": {
"clientId": "qh8RKp9BGhmKCn8ZAAED",
"status": true,
"balance_callback": "https://webhook.site/92b09e29-f08e-4472-b7e8-5875155360d67",
"data": {
"formatted": [
{
"available_balance": 31500,
"ledger_balance": 32000,
"ref": "saving-account",
"status": "active",
"account": "5fa9e536f6b7bb837cb22byu",
"connected": true
},
{
"available_balance": 11200,
"ledger_balance": 11200,
"ref": "current-account",
"status": "active",
"account": "5fa9e535f6b7bb837cb22buy",
"connected": false
},
{
"available_balance": 2000,
"ledger_balance": 2000,
"ref": "current-account",
"status": "active",
"account": "5fa9e536f6b7bb837cb22bty",
"connected": false
}
]
}
},
"Post": {
"callback_url": "https://webhook.site/92b09e29-f08e-4472-b7e8-5875155360d67"
},
"guarantors": [],
"redirect_url": "",
"launchAgain": true,
"hideExit": "",
"options": {},
"directors": null,
"auth": {
"clientId": "qh8RKp9BGhmKCn8ZAythj",
"status": true,
}
我想获取上面json文件中Post下的回调url。。请了解如何使用任何javascript方法实现这一点。假设您这样调用日期
fetch('urlOfTheApi')
.then( response => resonse.json()
.then( json => {
console.log(json);
});
所以解决办法是
fetch('urlOfTheApi')
.then( response => resonse.json()
.then( json => {
let callback_url = json.POST.callback;
return fetch(callback_url, {method:'POST'}).
})
.then( () => console.log('ok')
.catch( console.error );
假设你这样称呼这个日期
fetch('urlOfTheApi')
.then( response => resonse.json()
.then( json => {
console.log(json);
});
所以解决办法是
fetch('urlOfTheApi')
.then( response => resonse.json()
.then( json => {
let callback_url = json.POST.callback;
return fetch(callback_url, {method:'POST'}).
})
.then( () => console.log('ok')
.catch( console.error );
基于您的JSON,您应该创建一个接口来定义JSON的对象以及您需要的JSON的特定部分,如果您只需要该属性,您可以创建以下接口
interface Response {
Post: {
callback_url: string;
}
}
在从API请求端点的服务中,设置此方法返回数据的响应类型。
在方法的订阅内部,您可以访问JSON对象的属性。基于您的JSON,您应该创建一个接口来定义JSON对象以及您需要的JSON的特定部分。如果您只需要该属性,您可以创建以下接口
interface Response {
Post: {
callback_url: string;
}
}
在从API请求端点的服务中,设置此方法返回数据的响应类型。
在方法的订阅内部,您可以访问JSON对象的属性。我同意Brian McCutchon的观点:1)将HTTP响应字符串解析为JS对象:
让jsonObject=JSON.parse(response.JSON())代码>,2)取消引用balance.balance\u回调:让callbackUrl=jsonObject.balance.balance\u回调
我同意Brian McCutchon的观点:1)将HTTP响应字符串解析为JS对象:让jsonObject=JSON.parse(response.JSON())代码>,2)取消引用balance.balance\u回调:让callbackUrl=jsonObject.balance.balance\u回调代码>