如何用JavaScript实现Java版生成OTP并读取网页数据的功能？

Got it, let's tackle this conversion from Java to JavaScript step by step. We'll split the task into two core parts: generating a 4-digit OTP, and fetching data from your target URL using that OTP.

1. Generate a 4-Digit OTP #

Just like your Java code, we'll create a random 4-digit string (including cases with leading zeros, e.g., 0123). Here's a simple function to do that:

function generate4DigitOTP() {
  let otp = '';
  // Loop 4 times to generate each digit
  for (let i = 0; i < 4; i++) {
    // Generate a random integer between 0 and 9
    otp += Math.floor(Math.random() * 10);
  }
  return otp;
}

// Generate your OTP
const smsOTP = generate4DigitOTP();
console.log('Generated OTP:', smsOTP); // Example output: "7329"

2. Fetch Data from the URL with the OTP #

In JavaScript, the modern and clean way to make HTTP requests is using the fetch API (built into browsers and Node.js 18+). Since network requests are asynchronous, we'll use async/await to handle the response properly:

async function fetchDataUsingOTP(otp) {
  try {
    // Construct the full URL with your OTP
    const targetUrl = `http://someURL/${otp}`;
    
    // Send the request and wait for the response
    const response = await fetch(targetUrl);
    
    // Check if the request was successful
    if (!response.ok) {
      throw new Error(`Request failed with status: ${response.status}`);
    }
    
    // Read the response text (use response.json() if the data is JSON)
    const output = await response.text();
    
    // Log or use the fetched data
    console.log('Fetched data:', output);
    return output;
  } catch (error) {
    // Handle any errors (e.g., network issues, invalid URL)
    console.error('Error fetching data:', error);
  }
}

// Combine both functions: Generate OTP and fetch data
(async () => {
  const smsOTP = generate4DigitOTP();
  const fetchedData = await fetchDataUsingOTP(smsOTP);
  // You can do something with fetchedData here, like display it
})();

Notes for Different Environments #

• Browser: If you're running this in a browser, make sure the target URL allows cross-origin requests (CORS). If not, you'll need to set up a backend proxy to avoid CORS errors.
• Node.js: For Node.js versions below 18, the fetch API isn't built-in. You'll need to install the node-fetch package via npm (npm install node-fetch) and import it at the top of your file.

内容的提问来源于stack exchange，提问作者D.Kat