实现Deepseek的调用

最新推荐文章于 2025-04-10 10:52:04 发布

贺公子之数据科学与艺术

最新推荐文章于 2025-04-10 10:52:04 发布

阅读量255

点赞数 8

分类专栏：人工智能文章标签：前端 javascript 开发语言

贺公子之数据科学与艺术，欢迎关注与点赞、留言，本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/qq_31532979/article/details/146512372

版权

人工智能专栏收录该内容

139 篇文章

订阅专栏

实现Deepseek的调用，首先需要在你的网站或应用程序中集成Deepseek的API。以下是一个简单的示例，展示如何编写一个接口调用并在页面中展示搜索结果：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Deepseek搜索示例</title>
</head>
<body>

<h1>Deepseek搜索示例</h1>

<input type="text" id="searchInput" placeholder="输入关键词">
<button onclick="search()">搜索</button>

<div id="searchResults"></div>

<script>
function search() {
    var keyword = document.getElementById("searchInput").value;

    fetch('https://api.deepseek.io/v1/search?q=' + keyword)
    .then(response => response.json())
    .then(data => {
        displayResults(data.results);
    });
}

function displayResults(results) {
    var searchResults = document.getElementById("searchResults");
    searchResults.innerHTML = '';

    results.forEach(result => {
        var resultItem = document.createElement("div");
        resultItem.innerHTML = `
            <h3>${result.title}</h3>
            <p>${result.description}</p>
            <a href="${result.url}" target="_blank">查看详情</a>
        `;
        searchResults.appendChild(resultItem);
    });
}
</script>

</body>
</html>