Go web基础 -- ajax与json

最新推荐文章于 2024-05-16 12:20:42 发布

十四说四十、

最新推荐文章于 2024-05-16 12:20:42 发布

阅读量368

点赞数

分类专栏： Golang

本文链接：https://blog.csdn.net/weixin_43672855/article/details/105969754

版权

Golang 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

一.JSON简介

轻量级数据传输格式
总体上分为两种:
- 一种是JSONObject(json对象)
```
{"key":value,"key":value}
```
- 一种是JSONArrayP(json数组),包含多个JSONObject
```
[{"key":"value"},{"key":"value"}]
```
key是string类型,value可以是string类型(值被双引号包含),也可以是数值或布尔类型等,也可以是JSONObject类型或JSONArray类型
可以使用Go语言标准库中 encoding/json 包下的Marshal()或Unmarshal()把结构体对象转换成[]byte或把[]byte中信息写入到结构体对象中
- 在转换过程中结构体属性tag中定义了json中的key,属性的值就是json中的value
- 如果属性没有配置tag,属性就是json中的key
属性的tag可以进行下面配置

// 字段被本包忽略
Field int `json:"-"`
// 字段在json里的键为"myName"
Field int `json:"myName"`
// 字段在json里的键为"myName"且如果字段为空值将在对象中省略掉
Field int `json:"myName,omitempty"`
// 字段在json里的键为"Field"（默认值），但如果字段为空值会跳过；注意前导的逗号
Field int `json:",omitempty"`

二.代码示例

结构体和[]byte进行转换代码比较简单
- 只要满足键值对形式的类型都可以转换成标准的json格式

package main

import (
	"encoding/json"
	"fmt"
)

type User struct {
	Name string
	Age  int
}

func main() {
	user := User{"张三", 12}
	//user:=map[string]interface{}{"Name":"张三","Age":18}
	//把结构体转换为[]byte
	b, _ := json.Marshal(user)
	fmt.Println(string(b))
	//把[]byte转为json
	u2 := new(User)
	json.Unmarshal(b, u2)
	fmt.Println(u2)
}

三.Ajax访问返回json数据

使用jQuery封装的$.post()进行ajax请求
HTML页面发送ajax请求,请求数据

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="/static/js/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function () {
            $("button").click(function () {
                $.post("getUser", function (data) {
                    var result = "";
                    for (var i = 0; i < data.length; i++) {
                        result += "<tr>";
                        result += "<td>";
                        result += data[i].Name;
                        result += "</td>";
                        result += "<td>";
                        result += data[i].Age;
                        result += "</td>";
                        result += "</tr>";
                    }
                    $("#t_tbody").html(result)
                })
            })
        })
    </script>
</head>
<body>
<button>加载数据到表格</button>
<table border="1">
    <tr>
        <th>姓名</th>
        <th>年龄</th>
    </tr>
    <tbody id="t_tbody">

    </tbody>
</table>
</body>
</html>

服务端返回json数据即可.

package main

import (
	"net/http"
	"html/template"
	"encoding/json"
	"fmt"
)

type User struct {
	Name string
	Age  int
}

func welcome(w http.ResponseWriter, r *http.Request) {
	t, _ := template.ParseFiles("view/index.html")
	t.Execute(w, nil)
}
func getUser(w http.ResponseWriter, r *http.Request) {
	users := make([]User, 0)
	users = append(users, User{"张三", 12})
	users = append(users, User{"李四", 13})
	users = append(users, User{"王五", 14})
	w.Header().Set("Content-type", "application/json;charset=utf-8")
	b, _ := json.Marshal(users)
	fmt.Fprintln(w, string(b))
}

func main() {
	server := http.Server{Addr: ":8090"}
	http.Handle("/static/", http.StripPrefix("/static/", http.FileServer(http.Dir("static"))))
	http.HandleFunc("/", welcome)        //首页
	http.HandleFunc("/getUser", getUser) //获取信息Handler
	server.ListenAndServe()
}

十四说四十、

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Go web基础 -- ajax与json

一.JSON简介轻量级数据传输格式总体上分为两种:一种是JSONObject(json对象){"key":value,"key":value}一种是JSONArrayP(json数组),包含多个JSONObject[{"key":"value"},{"key":"value"}]key是string类型,value可以是string类型(值被双引号包含),也可...
复制链接

扫一扫