本文旨在指导开发者如何使用 Go 语言搭建一个简单的 HTTP 服务器，并通过 JavaScript 从该服务器提供的 JSON 文件中读取数据并在网页上展示。文章将详细介绍服务器端 Go 代码的编写、HTML 文件的结构以及客户端 JavaScript 代码的实现，帮助读者理解整个数据交互流程。
首先，我们需要创建一个 Go 程序来提供 HTML 文件和 JSON 数据。
package main
import (
"flag"
"log"
"net/http"
)
var (
root = flag.String("root", ".", "Set root directory for serving files")
port = flag.String("port", ":8080", "Set port to listen on")
)
func main() {
flag.Parse()
// Serve static files from the specified root directory.
fs := http.FileServer(http.Dir(*root))
http.Handle("/", fs)
log.Printf("Serving files from %s on port %s", *root, *port)
log.Fatal(http.ListenAndServe(*port, nil))
}这段代码使用 net/http 包创建了一个简单的 HTTP 服务器。它使用 http.FileServer 来提供指定目录下的所有文件。flag 包用于接收命令行参数，例如根目录和端口号。
使用方法:
立即学习“Java免费学习笔记（深入）”；
接下来，我们需要创建一个 HTML 文件，其中包含一个按钮和一个用于显示数据的 div 元素。同时，我们需要编写 JavaScript 代码来从服务器获取 JSON 数据并在页面上显示。
HTML (index.html):
<!DOCTYPE html>
<html>
<head>
<title>Get JSON Data</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.getJSON("data.json", function(result){
$("div").append(result.firstName + " " + result.lastName + " " + result.age);
});
});
});
</script>
</head>
<body>
<button>Get JSON Data</button>
<div></div>
</body>
</html>JSON 数据 (data.json):
AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。它不是新的编程语言，而是一种使用现有标准的新方法，最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容，不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。《php中级教程之ajax技术》带你快速
2114
{
"firstName": "John",
"lastName": "Doe",
"age": 25
}这段 HTML 代码包含一个按钮和一个 div 元素。当点击按钮时，JavaScript 代码使用 jQuery 的 $.getJSON() 方法从 data.json 文件中获取 JSON 数据，并将 firstName、lastName 和 age 属性的值追加到 div 元素中。
注意事项:
为了确保程序能够正常运行，需要按照以下结构组织文件：
.
├── server.go
└── public
├── index.html
└── data.json其中 server.go 是 Go 语言编写的服务器代码，public 文件夹存放静态资源文件，包括 index.html 和 data.json。
通过以上步骤，我们成功地搭建了一个简单的 HTTP 服务器，并使用 JavaScript 从服务器提供的 JSON 文件中读取数据并在网页上展示。这个例子展示了如何使用 Go 语言和 JavaScript 进行基本的数据交互。
关键点:
通过理解这些基本概念和步骤，您可以构建更复杂的 Web 应用程序，并使用 Go 语言和 JavaScript 进行更高级的数据交互。
以上就是使用 Go 语言和 JavaScript 从文件中读取 JSON 数据教程的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
983
收藏
