چاپ کردن یک ایتم از api
سلام به همگی کاربران :)
خسته نباشید .
من یک سوال دارم :
اقا, فکر کنید من یک (api) دارم که وقتی بهش درخواست میزنم این اطلاعات رو بهم میده :
{
"status": 200,
"result": {
"Content": "آيا ميدانستيد که کره زمين از ١٠٢ عنصر بوجود آمده و اين ١٠٢ عنصر در بدن انسان وجود دارد ؟ "
}
}چطور میتونم با جاوا اسکریپت به این آدرس درخواست بدم و مقدار Content رو چاپ کنم رو صفحه ؟
urlش هم اینطور هست :
https://one-api.ir/danestani/?token={token}
خیلی ممنون از همگی ... D:
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام اگر یک api مثل https://jsonplaceholder.typicode.com/todos/1 داشته باشیم با خروجی زیر:
{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}برای چاپ title به این شکل عمل میکنیم:
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(json => console.log(json?.title))پس برای مسئله شما کد به صورت زیر خواهد بود:
fetch('https://one-api.ir/danestani/?token={token}')
.then(response => response.json())
.then(json => console.log(json?.result?.Content))@sinashahoveisi
سلام, خیلی ممنون از شما 😃💙
حالا اگر به جای لاگ کردن تو کنسول بخوام تو یه تگی در فایل htmlم این رو لاگ کنم, چطور میتونم این کار رو انجام بدم
مثلا نتیجش این بشه :
<p>delectus aut autem<p>خیییلی ممنون :)
خواهش میکنم.
اون موقع که پاسخ یا ریسپانس از سرور اومد، باید ابتدا element موردنظرتون رو انتخاب کنید یعنی همون تگ p بعدش باید بگید که این مقدار رو بریزید داخل متن تگ p تا نمایش بده. به این شکل:
کد HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="src/style.css">
</head>
<body>
<p class="result">delectus aut autem</p>
<script src="src/script.js"></script>
</body>
</html>کد جاوااسکرپت:
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(json => {
document.querySelector('p.result').innerText = json?.title
console.log(json?.title)
})