我想显示一次搜索的两个结果

要在一次搜索中显示两个结果，通常需要使用编程语言和相应的库或框架来实现。以下是一个简单的示例，展示如何在前端和后端实现这一功能。

前端部分

假设我们使用JavaScript和HTML来实现前端部分。我们可以使用AJAX技术从服务器获取两个搜索结果并显示它们。

HTML部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Search Results</title>
</head>
<body>
    <input type="text" id="searchInput" placeholder="Enter search term">
    <button onclick="fetchResults()">Search</button>
    <div id="results"></div>

    <script src="script.js"></script>
</body>
</html>

JavaScript部分（script.js）

async function fetchResults() {
    const searchTerm = document.getElementById('searchInput').value;
    const response = await fetch(`/search?term=${searchTerm}`);
    const data = await response.json();
    displayResults(data);
}

function displayResults(results) {
    const resultsDiv = document.getElementById('results');
    resultsDiv.innerHTML = ''; // Clear previous results

    results.forEach(result => {
        const resultDiv = document.createElement('div');
        resultDiv.innerHTML = `<h3>${result.title}</h3><p>${result.description}</p>`;
        resultsDiv.appendChild(resultDiv);
    });
}

后端部分

假设我们使用Node.js和Express来实现后端部分。我们可以处理搜索请求并返回两个结果。

Node.js部分（server.js）

const express = require('express');
const app = express();
const port = 3000;

app.get('/search', (req, res) => {
    const searchTerm = req.query.term;
    // Simulate fetching results from a database or API
    const results = [
        { title: `Result 1 for ${searchTerm}`, description: 'This is the first result.' },
        { title: `Result 2 for ${searchTerm}`, description: 'This is the second result.' }
    ];
    res.json(results);
});

app.listen(port, () => {
    console.log(`Server running at http://localhost:${port}/`);
});