如何自定义输出REST API数据，避免输出含{}的完整JSON结构？

Hey there! I get it—dealing with outdated links and struggling to parse API data can be super frustrating. Let’s break down exactly how to grab the data you need from that API and output specific fields (like username) without dumping the full JSON blob.

Using PHP (since you mentioned echo $api['username'];) #

Here’s a straightforward way to fetch the data and access individual fields:

Step 1: Fetch and parse the API response #

First, we’ll pull the data from the API and convert the JSON string into a usable associative array:

// Define the API endpoint
$apiUrl = 'https://api.ubbo.no/api/player/konquer';

// Fetch the raw JSON response
$response = file_get_contents($apiUrl);

// Convert JSON to an associative array (true = associative, false = object)
$apiData = json_decode($response, true);

Step 2: Handle potential errors #

It’s good practice to check if the fetch/parse was successful (in case the API is down or returns invalid JSON):

if ($apiData === null) {
    echo "Oops, couldn't fetch or parse the API data. Check if the endpoint is reachable!";
    exit;
}

Step 3: Output specific fields #

Now you can access any field directly using the array keys. For example:

// Output the username
echo "Username: " . $apiData['username'];

// If there are nested fields (like a user's profile details), access them with nested array syntax:
// Example: If the API has a 'profile' object with a 'level' field
// echo "User Level: " . $apiData['profile']['level'];

Using JavaScript (for front-end or Node.js) #

If you need to do this in a browser or Node.js, here’s how to use the Fetch API:

fetch('https://api.ubbo.no/api/player/konquer')
  .then(response => {
    // Check if the response is successful
    if (!response.ok) {
      throw new Error('Failed to fetch data');
    }
    return response.json();
  })
  .then(apiData => {
    // Log or display specific fields
    console.log('Username:', apiData.username);
    // For nested fields:
    // console.log('User Rank:', apiData.stats.rank);
  })
  .catch(error => {
    console.error('Error:', error);
  });

Quick note for front-end JavaScript: #

If you run into CORS (Cross-Origin Resource Sharing) errors in the browser, you might need to use a proxy server or confirm if the API allows cross-origin requests. Most public APIs handle this, but it’s something to watch for.

Sorry those old links let you down—hopefully these code snippets get you up and running quickly!

内容的提问来源于stack exchange，提问作者Abbishek Shiva